關(guān)于 掌握HTML/CSS布局的概念
掌握盒模型的概念
掌握position與float的概念以及在布局時(shí)的用法
position：
static: 元素處于正常文檔流中，它當(dāng)前的布局位置 top right left bottom 和 z-index均無(wú)效
relative：相對(duì)定位，未脫離文檔流，此元素會(huì)在原來(lái)的位置上留下空白 對(duì)table-*-group, table-row, table-column, table-cell, table-caption無(wú)效
absolute：絕對(duì)定位，不為元素預(yù)留空間，脫離文檔流 。元素位置通過(guò)指定其與它最近的非static定位的祖先元素的偏移來(lái)確定。并且可以設(shè)置外邊距，并且 不會(huì)與其他邊距合并。
fixed：固定定位，不為元素預(yù)留空間，脫離文檔流
。通過(guò)指定屏幕視窗的位置來(lái)指定元素的空間。滾屏?xí)r位置不會(huì)發(fā)生變化。fixed屬性通常會(huì)創(chuàng)建新的棧環(huán)境。
清除浮動(dòng)
overflow：auto; 是最簡(jiǎn)單的一種方式。但是有時(shí)候在IE下有bug。
zoom：1; 是解決IE瀏覽器下haslayout的hack寫(xiě)法。加上“*zoom”屬性來(lái)觸發(fā)父元素的hasLayout的機(jī)制。決定了元素怎樣渲染內(nèi)容，以及元素與元素之間的相互影響。
清除浮動(dòng)深入：http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
參考資料
MDN：position：了解 CSS position 屬性的基本知識(shí)
MDN：float：了解 CSS float 屬性的基本知識(shí)
Learn CSS Positioning in Ten Steps：通過(guò)具體的例子熟悉 position 屬性
清除浮動(dòng)（clearfix hack）：清除浮動(dòng)是什么，如何簡(jiǎn)單地清除浮動(dòng)
StackOverflow：Which method of ‘clearfix’ is best?：清除浮動(dòng)黑科技完整解讀
