2列布局,如何获取一列将其他高度与CSS匹配



好的,我的布局并不少见,它是一个包装元素,有2列并排浮在两个列上的float:left。我的问题并不是要使任何一个元素都与页面底部保持一致。问题是,当任何一个元素都大于页面并超过100%的边界时,即使在这两个元素上也不是一个问题,因为我希望左手元素用右手元素拉伸。

到目前为止,我的目的是http://v2.newyorkbarshow.com

您可以看到左侧的元素已经在页面上流血了,这是预期的,不是真正的需求,而是将其设置为height:100%;min-height:100%;,但由于标头元素是一个绝对位置元素。实际上,将左侧和右侧的侧面推向同一Mannor,并且都具有上面提到的相同高度设置。因此,如果没有通过边缘将它们推倒,则将其本身定为100%。因此,就像我说的,不希望的副作用,但期望。

您还会注意到的是,在此示例中,右侧现在进一步伸展,因为其中有内容将其推向。虽然左侧保持100%,所以我想知道在右列拉伸的情况下,无论如何都可以将左列推向匹配,或者这是我要么a)粘住的东西,要么b需要其他东西比CSS干预要处理?

尝试在两列之后放置以下内容

<div style="clear: both"></div>

最新更新