IE6下margin出现双边距

最新推荐文章于 2018-07-02 10:15:16 发布

weixin_30813225

最新推荐文章于 2018-07-02 10:15:16 发布

阅读量58

点赞数

原文链接：http://www.cnblogs.com/wxydigua/p/3424954.html

版权

在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍

解决方法：添加display:inline;

eg:下面的例子在IE6下会有两倍边距

<style>
body{margin:0;}
.wrap{float:left;border:2px solid #000;}
.box{width:100px;height:100px;background:red;margin:0 100px;float:left; /*display:inline*/ }
/*
    IE6下的双边距BUG
    在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍
    
    解决办法: display:inline;
*/
</style>
</head>
<body>
<div class="wrap">
    <div class="box"></div>
</div>

转载于:https://www.cnblogs.com/wxydigua/p/3424954.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30813225

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6下margin出现双边距

在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍解决方法：添加display:inline;eg:下面的例子在IE6下会有两倍边距<style>body{margin:0;}.wrap{float:left;border:2px solid #000;}.box{width:100px;height:100px;backg...
复制链接

扫一扫