可以用div的相對定位來(position:relative;)解決。
具體解釋:
1:先定義容器
在最外層先定義個div容器,設定爲相對定義,定義好寬高,然後在此容易之中,在定義三個div,豎直排列,寬度和外層容易相同,高度爲外層容器除去邊框的高度除以3,此爲二級容器
2:定義標題欄
在1步驟中定義好的三個二級容器中各定義一個div,寬度和二級容器一樣,高度爲二級容器的五分之一(這個高度根據具體的需要設定),然後在裏面在定義兩個div,左側的用float:left定位在左側,右側的用float:right定位在右側
3:定義具體內容div
有多少個格子,定義多少個div,每個div寬度爲二級容器的四分之一,然後在每個div上都加上屬性float:left,並且給每個div加上邊框,行高,字型居中等屬性即可
2. div這樣佈局CSS怎麼寫我試着寫了一下。
<!doctype html>
<meta charset="utf-8">