元素是HTML中最重要的容器之一。它可以幫助我們將網頁分成一系列垂直的區塊，并通過樣式定義來控制其外觀和布局。 在CSS中，我們可以使用各種屬性來控制
元素的展示，比如alignment（對齊方式）、margin（邊距）、padding（內部填充）、float（浮動）、display（顯示方式）等等。其中，通過float屬性可以實現_DIV偏右_的效果，下面我們來看一下如何實現。
首先，為了進行演示，我們需要準備一個簡單的HTML頁面。如下所示：
<!DOCTYPE html> <html> <head> <title>CSS布局實踐</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="left"> <h2>左側欄</h2> </div> <div class="right"> <h2>右側欄</h2> </div> </div> </body> </html>在上面的代碼中，我們定義了一個
容器，并在其中嵌套了兩個
元素，一個叫做left，一個叫做right分別表示左側和右側的欄目內容。我們的目標是將右側欄目向右偏移一定的距離，我們可以使用float屬性來實現。下面是CSS代碼：
/* container類是整個頁面的最外層容器 */
.container {
width: 960px;
margin: 0 auto;
background-color: #eee;
}
/* 左側的欄目 */
.left {
width: 200px;
height: 400px;
background-color: #ccc;
float: left;
}
/* 右側的欄目 */
.right {
width: 700px;
height: 400px;
background-color: #ddd;
float: right;
margin-right: 60px;
}在上面的代碼中，我們通過給.right類添加float:right屬性，將該元素向右浮動。同時，我們也給它添加了一個margin-right屬性，并設置為60px，這樣就能使右側欄目向右偏移。此時，效果已經呈現出來了，我們可以通過瀏覽器預覽網頁來查看效果。