国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

font-size定義為0在IE6下的妙用

2024-07-11 08:28:04
字體：大 中 小
來源：轉載
供稿：網友
我在做網站項目的時候通常需要定義一個高度為10px以下的div.代碼如下:

復制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body>
<div style="background:blue; height:8px"></div>
</body>
</html>

意思是定義一個高度為8px,藍色背景的div.在各瀏覽起的實際效果如下:
 

以前我解決IE6.0下出現的這種問題的方法是 加overflow:hidden

復制代碼
代碼如下:
<div style="background:blue; height:8px;overflow:hidden"></div>

因為加overflow:hidden有時候會出現很多問題.
我在網上翻閱了一下資料,造成IE6.0下多出來高度的原因是因為:沒有給div定義字體大小的情況下,默認是font-size;12px. 所以給font-size定義為0就可以解決問題了.

代碼如下:

復制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body>
<div style="background:blue; height:8px; font-size:0"></div>
</body>
</html>

在各瀏覽起的實際效果如下:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 通城县| 灵台县| 久治县| 云林县| 平利县| 铅山县| 富锦市| 淳安县| 张家口市| 商河县| 磐安县| 武乡县| 葫芦岛市| 开原市| 佛教| 威远县| 盘锦市| 麻阳| 微山县| 临城县| 津南区| 河津市| 都兰县| 龙口市| 麦盖提县| 琼结县| 昌乐县| 孝感市| 高清| 仁化县| 汉阴县| 镇远县| 嘉兴市| 峨山| 汝阳县| 财经| 喜德县| 水城县| 灵璧县| 广德县| 依安县|