救命!CSS 怪异问题: 1、height值小于20px时在IE6里不起作用!2、test在IE6和FF3显示都有问题!

dolfen dolfen 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
救命!
CSS 怪异问题:
1、height值小于20px时在IE6里不起作用!
2、<div><p>test</p></div>在IE6和FF3显示都有问题!上下有空白,但是div加了border样式就正常了!
有没有人遇到过呀?帮忙试试,谢谢!


<html>
<head>
<title>test</title>
<style type="text/css">
/* border用于测试边界 */
#PRight{ width:356px; margin-right:5px;}
#PRight .box_head{ height:8px; background:#ccccff url(_images/loginPage_rightBox_head.gif) no-repeat; border:solid 1px #0000FF;}
#PRight .box_title{ height:35px; line-height:35px; padding-left:20px; background:#ffcccc url(_images/loginPage_rightBox_title.gif) no-repeat;} /* border:solid 1px #FF0000; */
#PRight .box_mid{ padding:0px 8px 0px 8px; background:#ccffff url(_images/loginPage_rightBox_mid.gif) repeat-y;} /* border:solid 1px #00F0F0; */
#PRight .box_foot{ height:8px; background:#ccffcc url(_images/loginPage_rightBox_foot.gif) no-repeat; border:solid 1px #00FF00;}
</style>
</head>
<body>
<div id="PRight">
<div class="box_head"></div>
<div class="box_title">Welcome!</div>
<div class="box_mid">
<p>test</p>
</div>
<div class="box_foot"></div>
</div>
</body>
</html>
...全文
评论 7
收藏 已收藏
分享
返回顶部
dolfen
CSS 61,116 成员 60,701 内容