DIV和CSS排版中製作細線條的方法
如果要製作一條高度小於12PX(大約)的.線條,在IE中會顯示出高於實際高度的,看下面。
複製程式碼 程式碼如下:
.line{
background:#CCCCCC;
height:6px;
}
可看出實際高度大於6PX,這也算是IE的一個BUG吧。以下三種方法可解決這個問題,推薦使用第一種方法。
1:
複製程式碼 程式碼如下:
.line11{
background:#CCCCCC;
height:6px;
overflow:hidden;
}
2.div之間要加個空格注:IE5.0無效
複製程式碼 程式碼如下:
.line12{
background:#336699;
line-height:6px;
}
3:
複製程式碼 程式碼如下:
.line13{
background:#CC0000;
height:6px;
font-size:1px;
}