IE6双倍边距问题解决方法

    虽然现在很多人都在使用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


深圳网站建设公司更流网络供稿,转载请注明出自,谢谢!

本文关键字:

最新评论
等你来评论
您的昵称: 您的联系方式: 验证码: