乙個元素的尺寸和位置經常受其包含塊的影響。大多數情況下，包含塊就是這個元素最近的祖先塊元素的內容區，但也不是總是這樣。可能你會認為包含塊就是其父元素的內容區，但事實並非如此。
如果某些屬性被賦予乙個百分值的話，它的計算值是由這個元素的包含塊計算而來的。這些屬性包括盒模型屬性和偏移屬性：
要計算 height top 及 bottom 中的百分值，是通過包含塊的 height 的值。如果包含塊的 height 值會根據它的內容變化，而且包含塊的 position 屬性的值被賦予 relative 或 static ，那麼，這些值的計算值為 0。
要計算 width, left, right, padding, margin 這些屬性由包含塊的 width 屬性的值來計算它的百分值。
css2 1 筆記3（等高布局 雙飛翼布局）
當有定位元素 position 和浮動元素 float 時，margin 0 auto會失效。如果是標準的塊級元素，margin 0 auto正常使用。如果寫樣式，最好是用class的方式引用，id的方式最好是最外層的盒子使用。也就是說只有最外層的盒子使用id方式，內部全部用class的方式。清除浮...
CSS3筆記 Border radius的形成原理
參考文章 一 前言 最近自己寫了乙個導航欄，馬馬虎虎就是嘖個樣紙 其中的圓角做了好久，就是嘖個 既然用到了，我就在這總結一下圓角border radius的用法，閒話不多說，進入正題。二 border radius的幾種常用的寫法 border radius 20px 或border radius ...
H5筆記 可以省略結束標籤的元素
整理了一下可以省略結束標籤的元素 1 空元素語法的元素 area base br col command embed hr img input keygen link mata param source wbr 2 可以省略結束標籤的元素 colgroup dt dd li optgroup p r...