1，新建一個(gè)html文件，命名為test.html，用于講解div+css如何實(shí)現(xiàn)左右分欄。

2，在test.html文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個(gè)div模塊，并設(shè)置其class屬性為con，主要用于下面通過該class來設(shè)置css樣式。

3，在test.html文件內(nèi)，再使用div標(biāo)簽創(chuàng)建兩個(gè)div，分別設(shè)置其class屬性為a,b。

4，在test.html文件內(nèi)，在css標(biāo)簽內(nèi)，使用“*”初始化頁面內(nèi)所有元素的內(nèi)外邊距都為0。

5，在test.html文件內(nèi)，對類名為con的div進(jìn)行樣式設(shè)置，定義其寬度為500px，高度為400px，居中對齊。同時(shí)，設(shè)置該div內(nèi)的兩個(gè)div的寬度為50%，高度為100%。

6，在test.html文件內(nèi)，對類名為a的div進(jìn)行樣式設(shè)置，定義其背景顏色為紅色，浮動(dòng)向左；對類名為b的div進(jìn)行樣式設(shè)置，定義其背景顏色為黃色，浮動(dòng)向右。

7，在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。