Question

css 火狐 IE兼容问题

<div id="header" style="position:relative;">

<div style="width:970px; height:75px;float:left; padding-left:15px;"><img src="img/logo.gif" style="margin-top:30px;" /></div>

<div style="position:relative; width:257px; height:30px;position:absolute; bottom:0; background-image:url(../css/images/header-1.gif); background-repeat:no-repeat; margin-bottom:5px;">

</div>

</div>

为什么上面的代码中间的两个div在ie中并列，在火狐中就不并列了呢？
请各位指点一下

Answer 1

虽然不是很清楚你的情况。但是推荐不要在容器上设置过多的position，在浏览器不同的情况下会有很多毛病，要并列推荐使用table或者 div+float模式，如
<div style="width:404px;">
<div style="float:left;width:200px;border:1px solid #F00"></div>
<div style="float:left;width:200px;border:1px solid #F00"></div>
</div>

Answer 2

　　您好！很高兴为您答疑！

　　您在窗口里的设置的position太多了，这样对设置兼容造成很多困难，并列的话推荐使用table或者 div+float模式。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

在同一个DIV里不能同时用绝对定位和相对定位，各浏览器对此的解释不同，这个不利于CSS的优化，还是多学学的好。不到万不得已，还是不要用定位的好，省的麻烦。