CSS中的左右能拖動(dòng)是指在一個(gè)容器中，將其中某個(gè)對(duì)象拖動(dòng)到左邊或右邊時(shí)，容器的寬度會(huì)自動(dòng)調(diào)整，以適應(yīng)拖動(dòng)后的位置。

.container {
display: flex;
width: 100%;
height: 200px;
overflow-x: scroll;
}
.box {
width: 200px;
height: 200px;
flex-shrink: 0;
cursor: grab;
background-color: #ccc;
}
.box:active {
cursor: grabbing;
}
.box.left {
margin-right: 20px;
}
.box.right {
margin-left: 20px;
}

上面的代碼中，使用了flex布局，將容器設(shè)為可滾動(dòng)，并設(shè)置了拖動(dòng)手勢(shì)。可以通過(guò)添加left或right類(lèi)名來(lái)控制拖動(dòng)后的位置，從而實(shí)現(xiàn)左右能拖動(dòng)的效果。

總的來(lái)說(shuō)，CSS中的左右能拖動(dòng)是一種常見(jiàn)的交互方式，常用于圖片庫(kù)、產(chǎn)品列表等需要分頁(yè)瀏覽的場(chǎng)景，可以有效提升用戶體驗(yàn)。