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

首頁 > 開發(fā) > CSS > 正文

CSS網(wǎng)頁布局學(xué)習(xí)之Font-size的妙用

2024-07-11 08:44:32
字體：大 中 小
供稿：網(wǎng)友

CSS網(wǎng)頁布局學(xué)習(xí)之Font-size的妙用. 我在做網(wǎng)站項目的時候通常需要定義一個高度為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>無標(biāo)題文檔</title>
</head>
<body>
<div style="background:blue; height:8px"></div>
</body>
</html>
意思是定義一個高度為8px,藍(lán)色背景的div.在各瀏覽起的實際效果如下：

以前我解決IE6.0下出現(xiàn)的這種問題的方法是 加overflow:hidden
<div style="background:blue; height:8px;overflow:hidden"></div>
因為加overflow:hidden有時候會出現(xiàn)很多問題.
我在網(wǎng)上翻閱了一下資料,造成IE6.0下多出來高度的原因是因為:沒有給div定義字體大小的情況下,默認(rèn)是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>無標(biāo)題文檔</title>
</head>
<body>
<div style="background:blue; height:8px; font-size:0"></div>
</body>
</html>
在各瀏覽起的實際效果如下:

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 吉木萨尔县| 明溪县| 绥棱县| 平顺县| 曲阳县| 长白| 镇原县| 宣恩县| 齐齐哈尔市| 马关县| 磐石市| 华容县| 抚松县| 扎兰屯市| 钟祥市| 安阳县| 龙游县| 玉门市| 如东县| 镇巴县| 旌德县| 万荣县| 临泽县| 岱山县| 荥阳市| 天峨县| 图片| 乌审旗| 九江县| 石门县| 招远市| 芜湖县| 太仆寺旗| 军事| 赫章县| 霍州市| 富顺县| 车致| 平泉县| 靖安县| 康定县|