武汉网站建设公司

一、双边距是什么含义？

如上图，绿色块要求在蓝色块中向左浮动，并距蓝色块左边距100像素。这样的布局在美工网页设计过程中经常用到。实现这样的效果，一般使用如下css样式：.floatbox { float: left; width: 150px; height: 150px; margin: 5px 0 5px 100px;}，看上去似乎简单，但是如果在IE6中浏览时会发现100的边距变为200了。

二、这是为什么？

其实笔者也不清楚究竟什么原因，但它确实在ie6中存在。研究发现在元素浮动方向与浮动边据一致时才会出现，上面的例子就是这样。另外同一行如果有多个浮动元素，则只有第一个元素会出现bug。

三、怎样避免这种情况

给浮动元素样式加上display:inline就能解决问题。