在神奇的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;
}


守候你守候我
浏览 124回答 2
2回答

婷婷同学_

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

白衣染霜花

这样写应该就没问题了<div&nbsp;id="pageFooter"&nbsp;class="cf"> ... </div>
打开App,查看更多内容
随时随地看视频慕课网APP