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

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

IE6下css設(shè)置容器高度的BUG不能小于某個(gè)值

2024-07-11 08:28:58
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
在IE6中設(shè)置display:block的空容器一個(gè)較小高度時(shí)，如<p style="height:1px;"></p>，會(huì)發(fā)現(xiàn)其高度不能小于某個(gè)值

復(fù)制代碼
代碼如下:
<p style="background: #f00; height: 1px; font-size:0"></p><!-- demo1 -->

demo1:設(shè)置font-size:0,但是這個(gè)容器的高度最小為2px,所以沒(méi)有辦法實(shí)現(xiàn)高度為1px的效果

復(fù)制代碼
代碼如下:
<p style="background: #f00; height: 1px; line-height:0;">&nbsp;</p> <!-- demo2 -->
<p style="background: #f00; height: 1px; line-height:0;"><br/></p> <!-- demo3 -->

demo2 & demo3:在容器中增加內(nèi)容或其他空標(biāo)簽，如&nbsp;、<br />，并設(shè)置line-height:0，雖然可實(shí)現(xiàn)效果，
但該容器會(huì)存在一個(gè)和其父容器字體大小有關(guān)的外邊距

復(fù)制代碼
代碼如下:
<p style="background: #f00; height: 1px; font-size:0;line-height:0">&nbsp;</p><!-- demo4 -->
<p style="background: #f00; height: 1px; font-size:0;line-height:0"><br/></p><!-- demo5 -->

demo4 & demo5:雖然可以解決外邊距的問(wèn)題，但是在font-family：fixedsys（window的古老字體）等字體下還是會(huì)產(chǎn)生問(wèn)題。

復(fù)制代碼
代碼如下:
<p style="background: #f00; height: 1px; overflow:hidden;"></p><!-- demo6 -->

demo6:目前看到的最好的解決方案

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 乌兰察布市| 万州区| 双辽市| 隆德县| 寿宁县| 当雄县| 务川| 临安市| 巴马| 晋州市| 河西区| 治县。| 洛扎县| 奇台县| 犍为县| 新邵县| 鄂伦春自治旗| 确山县| 仁寿县| 英超| 文登市| 津市市| 延寿县| 梅州市| 永仁县| 山阳县| 洪洞县| 搜索| 封丘县| 长沙市| 怀来县| 元阳县| 陆河县| 兴海县| 金乡县| 绥德县| 和龙市| 黄冈市| 乐平市| 玉山县| 德庆县|