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

dolfen 2008-12-08 03:05:12

救命！
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>

...全文

232 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

daly2008 2008-12-08

打赏
举报

[Quote=引用 4 楼 dolfen 的回复:]
引用 2 楼 daly2008 的回复:
去掉 <div class="box_mid">
<p>test </p>
</div>中的
<P> </P>即可

<div class="box_mid">是做容器的，里面放什么代码是不能限制呀，除了P，还有h1-h5、ul……之类都会有问题。 -_-!!!
[/Quote]
不去p的话，改改padding 属性定义元素的内边距,你的padding:0px 8px 0px 8px;上下间距都让你设为0px了，改个值看看。。

dolfen 2008-12-08

打赏
举报

谢谢大家！
问题1解决：zhaoyuehui13245的方法，多加个font-size:0px;
问题2解决：p,ul,h1,h2,h3,h4,h5{ padding:10px; margin:0px; }

anjing5566 2008-12-08

打赏
举报

第一个问题是字体的问题，
第二个问题，有点奇怪，一种方法，设定边框，颜色和背景相同，另外一种方法，给你里面的p加css

具体问题原因待查，先MARK一下

dolfen 2008-12-08

打赏
举报

[Quote=引用 2 楼 daly2008 的回复:]
去掉 <div class="box_mid">
<p>test </p>
</div>中的
<P> </P>即可
[/Quote]

<div class="box_mid">是做容器的，里面放什么代码是不能限制呀，除了P，还有h1-h5、ul……之类都会有问题。 -_-!!!

x1c2s3 2008-12-08