2

私は Stack Overflow で何十もの例を見てきましたが、これを正しく理解できていないようで、別のキャリアを選択したかったと思い始めています!

3 行の固定高さと固定幅のテーブルが必要です。

行 1 の高さは可変で、コンテンツに応じて拡大縮小する必要があります。垂直スクロール バーはありません。

行 3 は、テーブルの下部で高さを固定する必要があります。

行 2 は残りのすべてのスペースを占める必要がありますが、コンテンツが大きすぎる場合は垂直スクロール バーを含める必要があります。

基本的に、これはユーザーに電子メール メッセージを表示することです。行 1 には、すべてのヘッダーとオプションのヘッダー、添付ファイルなどが含まれます (このため、高さが可変である必要があります)。

行 2 はメッセージの本文で、スクロール バーがあります。

行 3 は、アクション ボタン、削除、転送などです。

JQuery ダイアログ DIV に埋め込む必要があるため、全体の高さと幅を固定する必要があります。

私の質問のタイトルでは、表を引用符で囲みました。これは、説明どおりに機能する場合、CSS のみのソリューションを使用できることを嬉しく思います。私にとっての重要な目標は、上記の機能をクロスブラウザー アプローチで実現することです。

あなたが助けてくれることを願っています!

4

1 に答える 1

5

まず、ここにデモがあります: little link。

私がしたことは、中央のセルに直接テキストを含めずに、それを与えてから、次のようにその中にposition: relative;a を作成することでしたdiv:

position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;

上記のデモでわかるように、これが機能します。

それが役立つことを願っています!

于 2012-11-26T14:11:45.827 に答える