1、width是個雷
    很多網(wǎng)站制作頁面要求寬度自適應(yīng)，那么width設(shè)百分比吧，否則塊元素很容易變成粘著不走的狗皮膏藥，當(dāng)沒有定義元素寬度時，瀏覽器撐滿整行，實(shí)際上執(zhí)行的是width：auto，寬度自適應(yīng)。
    2、IE6不認(rèn)識min-height
    網(wǎng)站制作方法就是_height，有時候明明不需要可變高度，如果喜歡沒原則的min-height，那么記得用_height對付下IE6這個屌絲。
    3、float和clear
    float和絕對定位都會破壞正常的文檔流，正常流自上而下，而float是一個自左而右或者自右而左的流。clear僅僅是針對上一個浮動元素而言，如果上面沒有元素浮動，那么你要清除啥呢？所謂清除浮動，個人認(rèn)為就是相對于上一個浮動元素，另起一行。
    4、position的relative和static的區(qū)別
    relative是相對于自己普通流所在位置的定位，而static是文檔普通流，即文檔流的默認(rèn)情況。一般情況，relative跟隨top和left兩個值，當(dāng)然也可以用right和bottom，但切記，一切都是相對于自己的普通流。如果將 position 設(shè)為 relative , absolute 或 fixed,那么元素會覆蓋沒有設(shè)置 position 屬性的元素，姑且把static當(dāng)沒設(shè)position吧。這說明層級關(guān)系中position的權(quán)重是較高的。當(dāng)然如果position有z-index，z-index高的優(yōu)先，否則，設(shè)置了position的比沒設(shè)的高，再然后，如果沒設(shè)position，則按文檔流順序，位于后面位置的元素會覆蓋前面的元素。
    5、z-index和overflow
    用z-index 屬性設(shè)置元素的堆疊順序。那么擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。不過z-index 屬性僅在節(jié)點(diǎn)的 position 屬性為 relative, absolute 或者 fixed 時有用哦。當(dāng)正常流溢出時，可以選擇overflow的scroll或者h(yuǎn)idden屬性。
    什么是溢出？比如父級元素定義的高度是100，子級元素定義的高度是150，這撐不住的50就是溢出。所以溢出只出現(xiàn)在子級元素溢出父級元素的情況。一般想解決溢出問題 就只要在父級元素上加一個overflow屬性。兄弟元素之間按照正常的普通的流走不會出現(xiàn)溢出的情況，但當(dāng)子級元素relative時候，也會出現(xiàn)覆蓋，但這已經(jīng)脫離了溢出的管轄范圍。當(dāng)然父級的overflow對因relative而溢出的子級元素同樣有效。