在神奇的IE6下面就出现了padding底部多出一倍的现象，请问如何解决？

Question

请看下面的代码<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; }

Answer 1

IE 6 下有浮动的地方经常会出现双倍 margin 或 padding 的情况，这时候给浮动元素设置display:inline一般都能解决。
所以，我猜楼主的问题出现在.left或者.right。如果不是，那.cf就很可疑了。cf是不是清除浮动呢。如果是清除浮动建议加入：

overflow: hidden; height: 0;

这样应该就 OK 了吧？

Answer 2

这样写应该就没问题了

<div id="pageFooter" class="cf">
...
</div>