css的布局方式

左右布局

方法一（推薦）：使用asolute屬性實現，需要注意：固定寬的列的高度>自適應寬度列的高度

方法二：通過設置float屬性（使縱向排列的塊級元素，橫向排列）及margin屬性（設置兩列之間的寬度）

左中右布局

步驟（1）設置左右的固定寬度，都加上絕對定位；

步驟（2）設置中間的margin:0px 右寬度 0px 左寬度;

水平居中布局

通過margin: 0 auto; text-align: center實現CSS水平居中。

垂直居中布局

這種方法，在 content 元素外插入一個 div。設置此divheight:50%; margin-bottom:-contentheight;。

content 清除浮動，並顯示在中間。

推薦閱讀：