开发者社区 问答 正文

问各位IE6下面的padding问题

请看下面的代码

<div id="pageFooter">
    <ul id="copyrightInfo" class="left">
        <li><?php echo S_PDD?></li>
        <li><?php echo S_SUPPLIER;?></li>
        <li><?php echo S_COPY_RIGHT;?></li>
    </ul>
    <ul id="aboutAgreement" class="right">
        <li><a href="agreement.php"><?php Msg(S_AGREEMENT);?></a></li>
        <li><a href="about.php"><?php Msg(S_ABOUT);?></a></li>
    </ul>
    <div class="cf"></div>
</div>
然后是css部分

#pageFooter{
    background-color:#6FC6F0;
    padding:10px;
}

然后在神奇的IE6下面就出现了padding底部多出一倍的现象,请问如何解决?
备注:一些废话
目前为止,我认为SF做的真的很不错,大家有什么问题都来问吧,实在问的弱智,admin看不过去随便删吧。但是我们有问题就来问不是麽?另外请教一下,可不可以自问自答,留作后面的同学参考呢?

展开
收起
a123456678 2016-03-24 15:20:48 1935 分享 版权
1 条回答
写回答
取消 提交回答
  • 我想楼主给出的 css 并没有什么问题,出现问题的 css 楼主没给出来。
    IE 6 下有浮动的地方经常会出现双倍 margin 或 padding 的情况,这时候给浮动元素设置display:inline一般都能解决。
    所以,我猜楼主的问题出现在.left或者.right。如果不是,那.cf就很可疑了。cf是不是清除浮动呢。如果是清除浮动建议加入:
    `
    overflow: hidden; height: 0;
    `

    2019-07-17 19:12:49
    赞同 展开评论
问答分类:
问答地址: