Question

div css在IE和firefox上的兼容问题

如下图在firefox中正常显示

下图是在IE8中显示的，

该如何调整呢？？





Answer 1

在下面加一行代码清除浮动 <div style="clear: both;"></div>
这是IE 浏览器特有的投影的一个属性。

Answer 2

　　您好！很高兴为您答疑。
　　从您图片中显示效果推测，这是因为在不同浏览器下样式兼容差异造成的视觉效果。一般情况下，如果您需要将包裹对象的元素（table/div）与对象拉开距离，比较有效的办法是为对象定义padding属性，然后根据实际需要调整四个方向的值即可。
　　如果对我们的回答存在任何疑问，欢迎继续问询。

Answer 3

如果没错的话，这肯定是一张图片，在不同的浏览器中图片与下面的边框的间隙不同，设置方法：给img加float:left或者是加display:block，总之想办法把img转化为块级元素就可以了。这个我之前碰到过，这样改，肯定没错。

Answer 4

限制宽度，限制好margin 和padding 一般就没问题了