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