DIV CSS 佈局教程網

7清除浮動

.hackbox{  
 
display:table;  
 
//將對象作為塊元素級的表格顯示  
 
}  
 

或者

.hackbox{  
 
clear:both;  
 
}  
 

或者加入:after（偽對象）,設置在對象後發生的內容，通常和content配合使用，IE不支持此偽對象，非IE浏覽器支持，所以並不影響到IE/WIN浏覽器。這種的最麻煩的

……#box:after{  
 
content:“.”;  
 
display:block;  
 
height:0;  
 
clear:both;  
 
visibility:hidden;  
 
}  
 

8DIV浮動IE文本產生3象素的bug

左邊對象浮動，右邊采用外補丁的左邊距來定位，右邊對象內的文本會離左邊有3px的間距.

#box{  
 
float:left;  
 
width:800px;}  
 
#left{  
 
float:left;  
 
width:50%;}  
 
#right{  
 
width:50%;  
 
}  
 
*Html#left{  
 
margin-right:-3px;  
 
//這句是關鍵  
 
}  
 

Html代碼

<DIVidDIVid=box> 
 
<DIVidDIVid=left></DIV> 
 
<DIVidDIVid=right></DIV> 
 
</DIV> 
 

9屬性選擇器(這個不能算是兼容,是隱藏CSS的一個bug)

p[id]{}div[id]{}

p[id]{}div[id]{}

這個對於IE6.0和IE6.0以下的版本都隱藏,FF和Opera作用

屬性選擇器和子選擇器還是有區別的,子選擇器的范圍從形式來說縮小了,屬性選擇器的范圍比較大,如p[id]中,所有p標簽中有id的都是同樣式的.