什麼是初始包含塊？上**！
上圖，紅邊框的盒子是html，黑邊框的盒子是body，因為div設定了絕對定位但是並未給其left、top、right、bottom賦值，它們的預設值是auto，所以div在原地不動
當給div的left 和 top賦值為0時
可見，div定位在了頁面的左上角，也就是（0,0）點的位置，那麼怎麼證明初始包含塊的存在呢？
這次我們移除html的mrgin，將html的height設定為100%，加上背景色之後再看
可見瀏覽器的視口全部為黃色，且因為html有上下邊框的原因，比初始包含塊多了2px，瀏覽器才出現了垂直方向上的滾動條，經測試，去掉html的上下邊框，滾動條消失，事實上初始包含塊是瀏覽器視口的第一屏
由此可知，初始包含塊是乙個和視口等高等寬的透明矩形。
CSS 定位2 絕對定位
設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。1 從文件流中刪除，原來占用的空間釋放 2 絕對定位的元...
CSS相對定位絕對定位
absolute 絕對定位 一共有四個屬性值 top right bottom left position absolute top 20px 絕對定位的參考點就是他的父級。同理，如果父級沒有定位屬性，就查詢他的爺爺級.relative 相對定位相對定位與絕對定位結合使用 通常情況下，在對元素設定絕...
CSS定位，相對定位，絕對定位
position relative 表示相對定位。對乙個元素進行相對定位，即指通過設定垂直或水平位置，讓這個元素 相對於 它的原點起點進行移動。如果將top設定20px，那麼框將在原位置頂部下面20畫素的地方 如果將left設定為30畫素，那麼會在元素左邊建立30畫素的空間，也就是將元素向右移動，如...