0

私は主に教育目的のウェブサイトに取り組んでいます。何かをデザインするときは、OCD を使って完璧に仕上げたいと思います ;) . 自分では解決できないような問題に遭遇したので、皆さんの何人かが修正を提供するか、この種のものをカバーする Web サイトを知っていることを願っています.

そこには、親 DIV と 2 つの子 DIV があります...

<div id="container">
    <div id="container-left"></div>
    <div id="container-right"></div>
</div>

両方の子 DIV には独自のコンテンツがあり、高さが異なります。私のウェブサイトのデザイン方法は、デザインが正しく見えるように、#container-right同じかそれ以上の高さでなければなりません.#container-left

ウェブサイトへのリンクは次のとおりです: www.lulzorg.com/?p=w7ws8

これが私の言いたいことを示すウェブサイトのキャプチャです：skiroid.com/website_capture.jpg

御時間ありがとうございます！:D ご質問はありますか? 問い合わせてください！

4

1 に答える 1

3

いくつかの方法:

#container { height: 100px; }
#container div { height: 100%; }

また

#container { display: table; }
#container div { display: table-cell; }

http://jsfiddle.net/

于 2012-10-17T18:16:14.973 に答える