0

好吧,我有一个不常见的布局,它是一个包装元素,有 2 列并排浮动float:left,两列都设置了。我的问题不在于让任何一个元素与页面底部对齐。问题是,当任何一个元素大于页面并超过100%And 的边界时,这两个元素都不是问题,因为我希望左手元素与右手元素一起拉伸。

到目前为止我所拥有的是http://v2.newyorkbarshow.com

正如您所看到的,左侧的元素已经从页面中流出,这是预期的,不是真正需要的,而是预期的,因为它设置为,height:100%;min-height:100%;但它也被从顶部向下推了一个边距,因为标题元素是一个绝对位置元素。事实上,左右两侧都以相同的方式向下推,并且都具有上述相同的高度设置。因此,如果他们没有被边缘压低,他们将自己设定为 100% 的等价物。所以就像我说的,不希望的副作用,但在意料之中。

您还会注意到,在此示例中,右侧现在延伸得更远,因为其中有内容将其向下推。虽然左侧保持在 100%,所以我想知道是否有向下推左列以匹配右列伸展的情况,或者这是我要么 A)坚持,要么 B 需要其他的东西比CSS干预来处理?

4

1 回答 1

0

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

<div style="clear: both"></div>
于 2012-11-09T10:20:29.677 回答