CSS中，我們可以輕松實現像X軸自由滾動的效果，這在某些網站上很常見。下面我們來看看如何實現。

.container{
display:flex; /* 使用flex布局 */
overflow:auto; /* 設置容器溢出部分隱藏并自動出現滾動條 */
white-space: nowrap; /* 設置容器中的子元素不換行 */
}
.item{
display:inline-block; /* 將子元素設置為內聯塊級元素 */
width:100px; /* 每個元素的寬度為100px */
margin-right:20px; /* 設置相鄰兩個元素間距為20px */
}

上述代碼中，我們將容器設置為flex布局，同時設置了橫向自動滾動和子元素不換行兩個屬性。接著我們使用inline-block將子元素設置為內聯塊級元素，并設置寬度和間距。

這樣，我們就實現了一個像X軸自由滾動的效果。不過需要注意，這種方式在瀏覽器兼容性上可能存在一些問題，需要進行兼容性處理。