HTMLの領域分割と再分割

Question

私は現在、Chrome拡張機能を開発中です（つまり、クロスブラウザソリューションは必要ありません）。

基本的には、自分のウェブページを2つの部分に分けたいと思っています。幅の20％と高さの100％を取る左パネルと、幅の80％と高さの100％を取る右パネル。これらのパネルには、さまざまな要素、textareas、list、selectが含まれています。

問題は、これを達成し、再編成を処理する方法がわかりません。現在、jQueryをwindow.onresizeフックで使用しています。ウィンドウのサイズに基づいて幅と高さを変更し続けます。

これは、CSSを使用して簡単な方法で実行できるかどうかを知りたいと思います。そして私は何を使うべきですか？ div、テーブルなど

ありがとうございました。

Answer 1

あなたが含む相対divの内部に存在するパネル、または要素のdiv &スパンを置くことができます。 の場合、パネルdivのposition：absoluteを使用すると、ページ本体ではなく、含まれているdivを基準にして、絶対に となります。

http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/

Answer 2

あなたのdivにCSSを追加し、追加してください min-height

、およびmax-heightプロパティ

#mydiv{ 
min-height: 700px; 
}