包含塊
以下內(nèi)容翻譯自CSS 2.1官方文檔。網(wǎng)址：https://www.w3.org/TR/CSS2/visudet.html#strut
image.png
定位參照于誰
- 沒有定位：包含塊
- 相對定位：元素本來的位置
- 絕對定位：包含塊
- 如果最近的祖先元素中存在定位元素夯缺，則這個定位元素就是包含塊
- 如果沒有枫吧，包含塊為初始包含塊
- 固定定位：視口
初始包含塊
是一個視窗大小的矩形，不等于視窗
默認值
- left top right bottom width height默認值為auto
- margin padding默認值 0
- boder-width 中等大小
如果不存在border-style
百分比參照于誰
width margin padding:包含塊的width
height:包含塊的heightleft：包含塊的width
top：包含塊的heighttranslate(-50%,-50%) 百分比參照于自身的寬高
background-position 百分比參照于（圖片區(qū)域-圖片的位圖像素值）
浮動
浮動可以提升層級孔厉，提升半層
只有在考慮浮動的時候可以這樣理解：一個元素可以分為兩層：上層為文字冯凹；下層為盒模型
定位提升一層
