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

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

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

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

.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)邊距。這樣兩個(gè)div就會(huì)分別顯示灰色和淺灰色背景，并且有邊框和內(nèi)邊距。

總體來(lái)說(shuō)，該布局簡(jiǎn)單易懂，適用于許多場(chǎng)景，希望本文能幫助到大家。