为何ie下设置左边距为10像素时显示的是20像素?


最近在帮朋友做一个购物网站,遇到一个棘手的问题。
定义了一个块状浮动元素<#div id="afloat">
然后设置浮动属性float:left;设置边距margin-left:10.
CSS代码:

   
  #afloat{
  
float:left;
margin:10px;
}

测试了一下,这个在Firefox下显示是正常的10个像素,但是在IE6下显示的却是20像素,这是怎么回事啊?

css3 InternetExplorer

snelly 12 years, 3 months ago

这属于双边距的问题, IE7.0以上版本支持的还算可以,但IE6应该就很差了。你可以试下下面这个方法:

在这个元素里面添加一个display:inline属性

   
  比如<div style="float:left;margin-left:10px;display:inline"></div>。
 

针对Ie6浏览器需要写成:

   
  <div style="float:left;margin-left:10px;display:inline;_display:inline;"></div>。
 

从来不起名 answered 12 years, 3 months ago

Your Answer