這次遇到個類似的控件,一個父div帶邊框,里面就是一個一個float的子div,需要換行的時候加了一個

float:left;

height:0px;

width:100%;

overflow:hidden;

font:0pt;/* 蛋疼的IE6你懂的*/

的偽"換行符"div

后面還加了個clear:both;的div來清除浮.

問題來了,在IE8/IE9/chrome里面,怎么搗鼓,都沒出什么問題~

這個時候在ff里面也是正常的.然后發現在ie6里面父div的邊框沒了, ie7里面,第一個"換行符"前面的div跑到父div的外面去了,認了老子做弟弟怎么行啊~

經過測試啊~把偽換行符的float:left;去掉后,IE6/7都立馬好了,回來ff一看,尼瑪那偽"換行符"(帶border-top),活生生一條線沒換行直接右邊插出去了~

受過float這么的人,第一反應就是clear:both加上去一看,ff又恢復正常了,再回來IE6/7一看,我艸~打回原形啊~后來木有辦法,服了唄~只能hack了,最終版本偽"換行符"成這個樣子了:

　 width: 100%;
height:0px;
border-top: 1px solid #eee;
font-size:0px;
overflow:hidden;
clear:both;
_clear:none;/* 服了尼瑪IE6*/

愛用flaot布局div,真TM傷不起啊~