常用：div,form,table,p,pre,h1~h6,dl,ol,ul
塊級元素水平居中：margin：0 auto；
2.1 非替換元素：指內容包含在文件中的元素。span,a,strong,em,label,select,textarea,br
2.2 替換元素:根據元素的標籤和屬性，來決定元素的具體顯示內容。img（根據src屬性判斷**資訊），input（根據type屬性顯示輸入框還是單選按鈕）等
內聯元素水平居中：text-align：center；
注意，在導航欄使用li變成inline-block時，li之間的換行符會使li模型之間有間隙，最好用<–！-->把換行符替換
常用：button、script、iframe
使使用該布局的元素脫離文件流，後面的非float元素會無視該元素進行布局，而該元素會漂浮在原來的位置，有可能遮蓋後來的非float元素。
這個大家應該都很熟悉，我就講一講元素坍塌。在乙個元素裡面，因為子元素設定了float脫離文件流，從而無法計算子元素的擴張高度，所以這個父元素會發生坍塌，高度為0，而子元素漂浮在父元素的位置上。
所以就有了很多種清除浮動的方法：
在子元素後面新增乙個元素清除浮動。
***是會在後面新增了dom節點
觸發瀏覽器重排，撐開元素重新計算布局（建立塊格式上下文）
如：父元素設定
*zoom: 1 ,
*overflow: hidden ,
*position: fixed/absolute ,
*display: inline-block /table-cell/ flex,
*float ,
等都是可以觸發
用after偽元素清除浮動
.clearfix:after
.clearfix
###2. fixed
###3. absolute
!（absolute是絕對脫離文件流，float只是脫離了文件流的dom空間但是還佔據著文字空間，所以float還有辦法可以處理高度塌陷）
原生js隱藏，使用display:none/block會影響原來的inline-block的元素，以及重排重繪開銷大，這時可以使用
absolute + top:***或absolute + visibility:hidden
###4. relative
CSS布局屬性
一 css布局屬性 width 設定物件的寬度 width 45px height 設定物件的高度 height 45px background 設定物件的背景顏色 背景影象。1.背景顏色 background 09f 2.背景影象 repeat x代表橫向重複，還可以設定repeat y。floa...
CSS的布局屬性
1 定位 position static 預設值，元素為普通布局 position relative 元素位置相對於普通位置定位 position absolute 元素相對於position值不為static的第一位祖先元素來定位 position fixed 元素相對於瀏覽器視窗來定位 left...
css布局屬性（重點！！！）
重點 position定位屬性 relative相對定位特點是 相對於遊覽最上邊的左上角或者右上角來定位，但是 不會讓出原位置 除非浮動後，才會讓出原位置 absolute絕對定位特點 這個有兩種情況 情況1 看他是否有脫離文件流 浮動或相對定位 的父元素，有的話就以他的父元素來定位，情況2 如果沒...