我的HTML太复杂了,无法在此发布。
我有2列布局,第1列是160px,第2列是更大。
出于某种原因,第二列位于第一列以下。
这有什么常见原因?
更新
我想要的是:
第1列第2列
显示什么( firefox没问题,IE6导致问题):
列#1
列#2
更新
第二列包含在
中blueprintcss有这个:
.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
所以我猜这是明确:两者?
答案 0 :(得分:3)
假设两个列都浮动(左),第二列将位于第一列之下,如果:
clear:left;
如果IE 6中出现问题,则可能是IE 6 3-pixel gap错误。
(如果你在帖子中加入一些实际的代码,我们可能会有更好的机会帮助你。目前我们正在猜测。)
<强>更新强>
我不认为它是clear: both;
- 该规则不会影响IE 6,因为它不支持:after
伪选择器。这是一个展示它的测试页面:
答案 1 :(得分:1)
除了保罗的2个理由之外,你还要记住IE6的“双边距”错误。
在IE6中,float
属性相应地使边距加倍(float: left;
影响margin-left
,反之亦然。)