0

典型的な左、中、右の列レイアウトを作成する一環として、divさまざまな高さのいくつかの内部 s を englobing/parent div にラップする必要があります。グローバル/親が、含まれるテキストに依存するdiv最高の inner と同じくらい高いことを確認する必要があります。divプロパティはそれmin-heightをカットしません。

どのように進めればよいですか？s の代わりにテーブルとセルを使用する必要がありdivますか?

問題を説明するためにJSFiddleを含めています。

4

3 に答える 3

1

次のようなことを達成したいと思います: http://jsfiddle.net/Cj75q/3/

私が正しければ、これらすべてrelativeとabsolute位置は必要ありません。必要なのは、列の左にフロートすることだけです。

#leftCol {
    background-color: #123456;
    width: 23%;
    margin: 0px;
    border: 0px;
    padding: 0px;
    float: left;
}

#midCol {
    background-color: #654321;
    width: 50%;
    margin: 0px 10px 10px 0px;
    border: 0px;
    padding: 10px;
    float: left
}

#rightCol {
    background-color: #567890;
    width: 23%;
    margin: 0px;
    border: 0px;
    padding: 0px;
    float: left;
}
于 2013-01-12T10:19:35.923 に答える
0

このコードで問題を解決できると思います。JSFiddle

ただし、このような状況では table を使用することをお勧めします。タグのfloatおよびwidthプロパティはdiv、一部のブラウザーで重大な問題を引き起こす可能性があるためです。

于 2013-01-12T10:42:19.667 に答える
0

ここにコードを書いてください。解決策を見つけるお手伝いができると思います。

通常の状況では、グローバルdivは通常、最も高い inner の高さを持ちdivます。しかし、あなたの問題が正確にはわかりません。

于 2013-01-12T10:13:27.427 に答える