第二列位于第一列以下,这是什么常见原因?

时间:2009-05-14 20:20:49

标签: html css

我的HTML太复杂了,无法在此发布。

我有2列布局,第1列是160px,第2列是更大。

出于某种原因,第二列位于第一列以下。

这有什么常见原因?

更新

我想要的是:

第1列第2列

显示什么( firefox没问题,IE6导致问题):

列#1
列#2

更新

第二列包含在

blueprintcss有这个:

.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

所以我猜这是明确:两者

2 个答案:

答案 0 :(得分:3)

假设两个列都浮动(左),第二列将位于第一列之下,如果:

  • 已为其分配clear:left;
  • 对于可用空间来说太宽了

如果IE 6中出现问题,则可能是IE 6 3-pixel gap错误。

(如果你在帖子中加入一些实际的代码,我们可能会有更好的机会帮助你。目前我们正在猜测。)

<强>更新

我不认为它是clear: both; - 该规则不会影响IE 6,因为它不支持:after伪选择器。这是一个展示它的测试页面:

http://www.pauldwaite.me.uk/testy.html

答案 1 :(得分:1)

除了保罗的2个理由之外,你还要记住IE6的“双边距”错误。

在IE6中,float属性相应地使边距加倍(float: left;影响margin-left,反之亦然。)