CSS是構建網頁各種樣式的重要語言，它可以幫助我們實現多種多樣的效果，例如div左右拖動。

如果你想在頁面中使用可拖動的div，那么下面的CSS代碼或許可以幫助你完成。

<style>
.dragable {
position: absolute; /* 定位 */
width: 300px; /* 寬度 */
height: 200px; /* 高度 */
background-color: #f2f2f2; /* 背景 */
border: 1px solid #ccc; /* 邊框 */
cursor: move;
}
</style>
<div class="dragable"></div>

簡單分析一下，以上代碼的主要作用就是給div添加了拖動的能力，具體實現依賴于“position: absolute”和“cursor: move”這兩個屬性。

如果你想讓div一開始就在屏幕中間，可以將“left”和“top”屬性設置為50%。當然，也可以根據實際需求自行調整。

<style>
.dragable {
position: absolute;
width: 300px;
height: 200px;
background-color: #f2f2f2;
border: 1px solid #ccc;
cursor: move;
left: 50%; /* 水平居中 */
top: 50%; /* 垂直居中 */
transform: translate(-50%, -50%); /* 水平垂直居中 */
}
</style>
<div class="dragable"></div>

經過以上修改，我們就完成了一個最簡單的左右拖動div。當然，在實際應用中還需要更多相關的CSS屬性，例如z-index、border-radius等等，這里就不一一贅述了。

總之，CSS為我們提供了極大的便利，物超所值。希望以上內容能對廣大前端愛好者有所幫助。