1.普通定位：
塊級元素：按照從上到下的方式逐個排列
行內元素：按照從左到右的方式逐個排列
2.浮動定位 float
float：left/right（它會脫離文件流）
3.相對定位 relative
元素會相對於它原來的位置偏移某個距離，改變元素位置後，元素原本的空間依然會被保留
position：relative（配合left/top/right/bottom使用）
4.絕對定位 absolute
特點：脫離文件流，通過偏移屬性固定元素位置，相對於最近的已定位的祖先級元素實現位置固定
position：absolute（一樣是配合top/right/bottom/left使用滴）
5.固定定位 fixed
將元素固定在頁面的某個位置處，不隨著滾動條的滾動從而發生位置移動
position :fixed (還是配合著top/right/bottom/left使用)
css高度塌陷問題
首先什麼是高度塌陷?當我們需要給頁面設定自適應寬高的時候,在文件流中,父元素的高度預設的情況下是被子元素的高度撐開的,子元素的高度就是父元素的高度,當我們給子元素設定了浮動厚,子元素就會脫離文件流 當你第一次給父元素設定自適應的時候,又給子元素設定浮動元素的時候,你就會發現,父元素的高度沒有了,這就...
CSS 浮動和高度塌陷
溢位文字為省略號 p 溢位文字兩行之後為省略號 p 文字 數字的字串兩行之後為省略號 p 1 相鄰塊元素垂直外邊距的合併當上下相鄰的兩個塊元素相遇時，如果上面的元素有下外邊距margin bottom，下面的元素有上外邊距margin top，則他們之間的垂直距離不是margin bottom與ma...
css 高度塌陷 掌握 CSS 精髓 布局
css 雖然初衷是用來美化 html 文件的，但實際上隨著 float position 等屬性的出現，它已經可以起到調整文件渲染結構的作用了，而隨著彈性盒子以及網格布局的推出，css 將承擔越來越重要的布局功能。漸漸地我們發現 html 標籤決定了頁面的邏輯結構，而 css 決定了頁面的視覺結構。...