最近写页面时,发现ie6下设置的总宽度总是不够用,才发现这个双倍边距的问题

  在ie6下,如果给对某个标签使用了float属性,同时设置了Margin:10px 0 0 10px;但是ie6下左边距却有20px;在网上搜索了这个相关问题,查到解决方法是设置display属性为Inline即可;

 一下几个问题需要注意:

(1)块级对象display的默认属性为:block;当同时设置浮动和边距的时候,在ie6下就会出现双倍边距的问题,

(2)第二个对象和第一个对象之间不存在双倍边距的问题,因为浮动对象都有其相对的对象,只有相对于其父对象的浮动才会出现这样的问题,第一个对象是相对父对象的,第二个对象是相对第一个对象的,所以第二个对象不会出现这个问题,而且上下边距不会出现这样的问题

(3)在一些比较特殊的布局中,可能需要使用下列方式

      margin:10px 0 0 10px(标准属性);*margin:10px 0 0 10px;(*ie7识别属性)_margin:10px 0 0 5px(-ie7识别属性);

posted on 2010-03-21 23:41  annie_yao  阅读(180)  评论(0编辑  收藏  举报