武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介：CSS網(wǎng)頁(yè)布局學(xué)習(xí)之Font-size的妙用.
我在做網(wǎng)站項(xiàng)目的時(shí)候通常需要定義一個(gè)高度為10px以下的div。代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
<div style="background:blue; height:8px"></div>
</body>
</html>
意思是定義一個(gè)高度為8px,藍(lán)色背景的div.在各瀏覽起的實(shí)際效果如下：
以前我解決IE6.0下出現(xiàn)的這種問(wèn)題的方法是 加overflow:hidden
<div style="background:blue; height:8px;overflow:hidden"></div>
因?yàn)榧觨verflow:hidden有時(shí)候會(huì)出現(xiàn)很多問(wèn)題.
我在網(wǎng)上翻閱了一下資料,造成IE6.0下多出來(lái)高度的原因是因?yàn)?沒(méi)有給div定義字體大小的情況下,默認(rèn)是font-size;12px. 所以給font-size定義為0就可以解決問(wèn)題了.
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
<div style="background:blue; height:8px; font-size:0"></div>
</body>
</html>
在各瀏覽起的實(shí)際效果如下:
新聞熱點(diǎn)
疑難解答
圖片精選
