margin属性不能达到预期的效果?

[doncuy]

#BODY{width:60px;height:60px;margin:0px auto;}
#L{float:left;margin:0px 10px 0Px 3px;width:16px;height:16px;}
#R{float:Right;margin:0px 4PX 0px 0px;widtH:16px;height:16px;}

<div id=”BODY”>
 <div id=”L”></div>
 <div id=”R”></div>
</div>

//蓝色为预期显示的布局,红色为ie6实际显示布局,.#L的左边距为什么是6px,#R右边距为什么是8px呢?
//如何才能得到左边为3px呢,如果数值加倍.那我是不是要设置成margin-left:1.5px;

[doncuy]

#L{width:33px;}

[一把编程的菜刀]

#L{float:left;margin:0px 10px 0Px 3px;width:16px;height:16px;}
#L{width:33px;}
你设置2个这个？？不觉得冲突啊，没意义啊

[一把编程的菜刀]

padding
这个你都没设置

[一把编程的菜刀]

边框属性(border)用来设定一个元素的边线。
　　边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
　　间隙属性(padding)是用来设置元素内容到元素边界的距离。
　　这三个属性都属于CSS中box类型的属性。

[一把编程的菜刀]

DIV就是那么麻烦

[一把编程的菜刀]

http://www.blueidea.com/tech/web/2007/4546_2.asp
自己看margin属性 得说明

[ddcatlee]

ie 6中，浮动元素有双倍margin的bug，为元素添加 display:inline; 可以修正

[doncuy]

[Quote=引用 7 楼 ddcatlee 的回复:]
ie 6中，浮动元素有双倍margin的bug，为元素添加 display:inline; 可以修正
[/Quote]
谢谢大家!又学到一个知识点.看来得找找css hack表了.
这个问题整了我一个晚上.用padding .border 都达不到理想的那种效果!