CSS 定义DIV的问题

代码如图：

效果如图（部分）

问题是为什么1和2中间会有一个3px的空隙呀。我的浏览器是IE6。据说在IE8中没有问题。

虽然经过尝试发现在#head里加入float:left;可以去掉这个空隙。但我更想知道为什么会产生这个空隙。

1和2左浮动，3右浮动就可以了

#header { width:700px; height:150px; background:#ccffff; float:left; }

这是基本的3列布局啊，然后最下边还得清楚浮动 clear:both;

你container的总宽度是800的，而

层1和3和＃header三个加起来的宽度都还没800px

把哪个float:right去掉试试。。。

这是ie6的一个bug，建议在2中加入display:inline;