虽然现在很多人都在使用IE8或9,不过考虑到XP系统默认的浏览器还是IE6,我们在建站时仍然要考虑到IE6用户的体验。接下来深圳网站建设专家就来分享一下IE6双倍边距问题解决方法,帮大家解决这个BUG。
通过以下代码,就可以解决这个问题:
<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }
</style>
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline。即改为
<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;display:inline }
</style>
这样IE6双倍边距的问题就解决了,希望能够帮助到大家。
本文出自:http://www.gengliu.com/news/fb676fe4-b668-4a5c-a629-cc7665d72b6a.htm
本文关键字: