始于设计 - 专于体验 - 合于沟通 - 久于转化 - 终于口碑 !      16年高端网站建设、跨境电商独立站定制开发、300+专业技术,设计团队、国家高新技术企业
浏览器兼容问题-IE6的margin双倍边距bug问题解决方法

发布者:万邦     目录:外贸网站制作     阅读数:36532

margin在页面制作中是经常使用的,他的作用非常大,浏览器兼容问题也很多。

 
IE6的margin双倍边距bug问题就一直困扰着网页制作人员。

在css样式文件中设置如下

div { margin:20px;}

 
在IE6浏览器下就会出现margin双倍边距,比在其他浏览器下要高些,一时又找不到解决办法,后来通过查找资料得出解决这个问题如下:

 
浮动后本来外边距20px,但IE显示为40px,解决办法是加上display:inline;

div { margin:20px;display:inline;}  

上一篇: DIV+CSS中让布局居中_背景图片居中_文字内容居中

下一篇: CSS3 的一些网页效果及写法