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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

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

2024-07-11 09:04:44
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

武林網(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í)際效果如下:

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

以前我解決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í)際效果如下:

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

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 阜平县| 北宁市| 台山市| 潮州市| 宁明县| 峨眉山市| 易门县| 永兴县| 朝阳区| 长兴县| 明水县| 武安市| 梧州市| 宁城县| 墨脱县| 克拉玛依市| 龙泉市| 云林县| 涿鹿县| 武乡县| 桃源县| 嘉禾县| 昆山市| 苏州市| 太保市| 郴州市| 确山县| 沈丘县| 泽库县| 澄迈县| 安吉县| 梅州市| 尼勒克县| 永兴县| 富蕴县| 安泽县| 沛县| 德令哈市| 鹤山市| 彰化市| 天门市|