一、浮動溢出問題解決方案

方案一：在外層元素的底部添加一個元素，并清除浮動。

方案二：浮動外層元素，后續元素清除浮動。

方案三：設置overflow:hidden;。

方案四：設置偽元素:before、:after。

        div:before/after{

            content:” ”;

            display:table;

            clear:both;

        }

二、z-index

！注意：子代元素的順序以父元素的順序為起點

例如：

<div id="a">a    <div id="b">b</div>    <div id="c">c</div>    <div id="d">d</div></div>

#a{    position: absolute;    z-index: 1000;}#b,#c,#d{    position: absolute;}#b{    z-index: 100;   }#c{    z-index: 200;}#d{    z-index: 200;}

以上結果：id=a，z-index=1000，由于id=a為父元素，在最下面。

三、visibility:hidden與display:none的區別

visibility:hidden不顯示元素，但占用頁面位置。

display:none，元素消失，不占用頁面位置。

四、img自適應

img{max-width:100%}