「版心」(可視區) 是指網頁中主體內容所在的區域。一般在瀏覽器視窗中水平居中顯示，常見的寬度值為960px、980px、1000px、1200px等。
清除浮動主要為了解決父級元素因為子級浮動引起內部高度為0 的問題。
(1)額外標籤法
(2)父級新增overflow屬性方法
(3)使用after偽元素清除浮動
(4)使用before和after雙偽元素清除浮動
靜態定位是所有元素的預設定位方式，當position屬性的取值為static時，可以將元素定位於靜態位置。 所謂靜態位置就是各個元素在html文件流中預設的位置。
相對定位是將元素相對於它在標準流中的位置進行定位，當position屬性的取值為relative時，可以將元素定位於相對位置。
如果文件可滾動，絕對定位元素會隨著它滾動，因為元素最終會相對於正常流的某一部分定位。
當position屬性的取值為absolute時，可以將元素的定位模式設定為絕對定位。
注意： 絕對定位最重要的一點是，它可以通過邊偏移移動位置，但是它完全脫標，完全不佔位置。
固定定位是絕對定位的一種特殊形式，類似於 正方形是乙個特殊的 矩形。它以瀏覽器視窗作為參照物來定義網頁元素。當position屬性的取值為fixed時，即可將元素的定位模式設定為固定定位。
子絕父相
當對多個元素同時設定定位時，定位元素之間有可能會發生重疊。
在css中，要想調整重疊定位元素的堆疊順序，可以對定位元素應用z-index層疊等級屬性，其取值可為正整數、負整數和0。
注意：z-index的預設屬性值是0，取值越大，定位元素在層疊元素中越居上。
如果取值相同，則根據書寫順序，後來居上。
後面數字一定不能加單位。
只有相對定位，絕對定位，固定定位有此屬性，其餘標準流，浮動，靜態定位都無此屬性，亦不可指定此屬性。
清除浮動和定位
清除浮動 1 怪異盒子模型 div的高度和寬度 原來的高度和寬度 box sizing border box div的高度和寬度 padding border content box sizing content box 2 浮動 定義 div浮動後，脫離文件流不再獨佔一行，後續內容會被擠到原來的位...
清除浮動方法及清除浮動原因
div1 盒子裡有left和right 兩個子盒子，div1 有兄弟盒子div2，給left right 盒子新增浮動前效果圖 浮動的屬性雖然方便使用，但是在使用這種屬性時，也存在著一種弊端，那就是當子元素設定了float屬性之後，且父元素的高度沒有設定，而是由子元素支撐起來，則會導致父元素的高度塌...
浮動使用及清除浮動
浮動 讓元素脫離文件流，不受父盒子限制 浮動元素的寬高不會撐大父盒子 在父盒子無高度情況下 浮動元素不會遮蓋文字部分，文字會圍繞浮動元素 浮動目前功能 1.清除之間空白間隙 2.行級元素設寬高。使用場景多是寬高一致的元素整齊排列。清除浮動的方法 1.給浮動元素的父盒子加overflow hidden...