1.清除浮動(dòng) clear:both;

<div class=”colwrapper”>
<div class=”fl”>
</div>
<div class=”fl”>
</div>
<div class=”clear”></div>
</div>

這個(gè)div一定要注意聲明位置，一定要放在最恰當(dāng)?shù)牡胤剑冶仨毰c兩個(gè)具有float屬性的div同級，之間不能存在嵌套關(guān)系，否則會(huì)產(chǎn)生異常。并且將clear這種樣式定義為為如下即可： .clear{ clear:both;} 此外，為了讓高度能自動(dòng)適應(yīng)，要在wrapper里面加上overflow:hidden; 當(dāng)包含float的box的時(shí)候，高度自動(dòng)適應(yīng)在IE下無效，這時(shí)候應(yīng)該觸發(fā)IE的layout私有屬性,用zoom:1;可以做到，這樣就達(dá)到了兼容。例如某一個(gè)wrapper如下定義：
.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}

2.margin加倍的問題。 設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。這是一個(gè)ie6都存在的問題。
解決方案是在這個(gè)div里面加上display:inline;
例如：

<div id=”imfloat”></div>
#imfloat
{
float:left;
margin:5px; /*IE下理解為10px*/
display:inline; /*IE下再理解為5px*/
}

3.cursor: pointer 可以同時(shí)在 IE,Firefox 中顯示游標(biāo)手指狀， hand 僅 IE 可以.

4./* */ Css 注釋IE5和firefox都支持,但I(xiàn)E6不支持.

5.ul標(biāo)簽在Mozilla中默認(rèn)是有padding值的,而在IE中只有margin有值所以先定義 ul{margin:0;padding:0;} 就能解決大部分問題.

6.關(guān)于高度的問題: 如果是動(dòng)態(tài)地添加內(nèi)容，高度最好不要定義。瀏覽器可以自動(dòng)伸縮，然而如果是靜態(tài)的內(nèi)容，高度最好定好。（似乎有時(shí)候不會(huì)自動(dòng)往下?lián)伍_，不知道具體怎么回事）