CSS的布局是Web前端開發(fā)中不可缺少的一部分，常見的有兩個div分別左右的布局。其實實現(xiàn)起來也很簡單，這里我們就來介紹一下。

.left{
float:left;
width:50%;
}
.right{
float:right;
width:50%;
}

以上代碼中，我們分別給左右兩個div設(shè)置了浮動以及寬度為50%。這樣就可以使它們水平排列，且占據(jù)頁面寬度的一半。

當(dāng)然，如果要添加其他樣式，也可以在兩個div的類名后面加上自己需要的屬性。

.left{
float:left;
width:50%;
background-color: #eee;
border: 1px solid #ddd;
padding: 10px;
}
.right{
float:right;
width:50%;
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 10px;
}

以上代碼中，我們添加了背景色、邊框以及內(nèi)邊距。這樣兩個div就會分別顯示灰色和淺灰色背景，并且有邊框和內(nèi)邊距。

總體來說，該布局簡單易懂，適用于許多場景，希望本文能幫助到大家。