日期:2014-05-18  浏览次数:20475 次

关于div+css 布局浏览器兼容问题
[code=CSS][/code]
#container{
position:relative;
width:980px;

}
#banner{ height:80px;text-align:center;padding:10px; margin-bottom:2px;}
#content{ float:left; width:700px;margin-top:270px}
#links{ float:right; width:275px;text-align:center;margin-top:270px}
#footer{ clear:both; width:980px; text-align:center;}

这是我页面布局css 在ie7和火狐,遨游都正常.唯独ie6里面不正常.
#content和#links 与#banner之间空开270px 就是这段代码margin-top:270px
但是去了的话在ie7里他就上去了,跟#banner重叠了.没办法解决知道的指点一下.谢谢!

------解决方案--------------------
#links{ float:right; width:275px;text-align:center;margin-top:270px}
是因为这个地方的margin-top:270px;受到的影响是吧?
那就这样解决吧:
margin-top:270px;/*三者皆可*/
*margin-top:100px !important; /*仅IE7*/
_margin-top:auto; /*仅IE6及IE6以下*/
也就是说三个这样的。那样就可以解决兼容问题。