0

これは私に尋ねなければならないような頭痛の種です。CSS の場合のように、C#、Java、SQL、または JS で問題が発生したことは一度もありません。

テーブルの div と、その中にいくつかの行とセルの div があります。そして、テーブル div を正確な高さにしたいだけです。

私のテーブルdivの写真

My current style:
div .table
{
    width: 410px;
    height: 410px;
    max-height: 410px;        
    display: table;
    border-spacing: 10px; 
    border-style:dotted;
    border-width:medium;     
    overflow: visible;
}

div を正確に 410 ピクセルの高さにするには、他に何をしなければなりませんか?

私はそれを外側のdiv（特定の高さとdisplay:blockを持つ画像の青い枠線）でラップしようとしましたが、テーブルのdivはそれに気付かないようです。下部に clear:both を含む div を追加しました。これは役立つ場合もありますが、今日は役に立ちません...

4

1 に答える 1

0

次のように表示されます。

display:table;

コンテンツの幅を埋めるために要素を強制的に拡張します。「オーバーフロー」を非表示に設定しても。

ここにいくつかの例のフィドルがあります：

http://jsfiddle.net/dRLfv/

通常の「display:block」を実行してから、オーバーフローを適切に設定する必要があると思います。おそらく、内部のテーブル/フォーム要素の他のスタイルのいくつかを調整する必要がありますが、それは2倍にする必要があり、他の人が喜んで手伝ってくれると確信しています.

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

乾杯！

于 2012-04-09T21:35:23.620 に答える