0

さて、私はそれほど珍しいレイアウトではありません.2つの列が並んでいるラッパー要素でfloat:left、両方の列に設定されています。私の問題は、いずれかの要素をページの下部に揃えることではありません。問題は、いずれかの要素がページよりも大きく、の境界を超える場合です。100%それでも、両方の要素の問題はそれほど大きくないので、左側の要素を右側の要素と一緒に伸ばしてください。

私がこれまでに持っているのはhttp://v2.newyorkbarshow.comです

ご覧のとおり、左側の要素はすでにページからはみ出しています。これは予想されることであり、実際には望ましくありませんが、セットとして予想されますがheight:100%;min-height:100%;、ヘッダー要素が絶対位置要素であるため、マージンによって上から押し下げられます。実際、左側と右側の両方が同じ方法で押し下げられ、両方とも上記の同じ高さ設定になっています。したがって、マージンによって押し下げられていなければ、100% の等価物にセット自体が設定されます。私が言ったように、望ましくない副作用ですが、予想されていました.

また、この例では、コンテンツが右側を押し下げているため、右側がさらに伸びていることに気付くでしょう。左側は100%のままですが、右側の列が伸びた場合に合わせて左側の列を押し下げる方法があるのでしょうか、それともこれは私がA)立ち往生しているのか、Bに何か他のものが必要なのか疑問に思っています処理する CSS 介入よりも?

4

1 に答える 1

0

2つの列の後に次を入れてみてください

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