[CSS]コンテンツとサイドバーの高さを同じにするスタイルシート

サイドバーがコンテンツの高さと異なる際に、コンテンツと同じ高さのように見せるスタイルシートをwoork upから紹介します。 Really simple CSS trick for equal height columns 仕組みの概要は、コンテンツの右のボーダーを200pxにし、その上にサイドバーを表示して、サイドバーの高さをコンテンツと同じように見せるものです。 HTMLは、コンテンツとサイドバーのdiv要素を内包するdiv要素（wrapper）を配置します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <div id="maincontent">...</div> <div id="sidebar">...</div> </div> </textarea>

[popup-desktop]

よくもまぁ、こんな方法を思いついたなぁ。使わないとは思うけど。

[KOROPPY]

「使用するには条件が限定」

[rider-2]

これでいいのかなぁ？

[sakuramari]

サイドバー

[spade9970]

けっこう力技な感あり

[Imamura]

コンテンツのサイドバー側に、サイドバーと同じ幅の枠線を指定する荒技。position派には朗報。

[vanish_l2]

ねんのため

[pyawk]

パッと見でこれは使える！と思ったけどHTMLコードを見てちょっとげんなり

[hvc-001]

発想が面白いけど、使う・・・かな？ｗ

[hashimoya]

border使い。確かに使える機会が限定されそう。

[nakagaw]

うーん