私はTBODYには<code><tr><td></td></tr></code>は、ここに私のコードではない場合でも、CSSのtbodyのための最小の高さを設定する方法をCSS

Question

でのtbodyのための最小の高さを定義するには：

tbody{ 
    height: 500px; 
    min-height:500px; 
} 

が、それは動作しません。これを達成するために私は何をすべきですか？ありがとう。

Answer 1

なぜあなたはこれをしたいですか？

最小高さと高さはブロックレベルの要素に適用され、テーブルはブロックレベルの要素ではありません。 div内にテーブルをラップし（div.table-wrapなど）、そのdivに最小の高さを適用します。

テーブルレイアウトは重要ではない場合は、tbodyのCSSにdisplay:blockを追加してください。

Answer 2

ディスプレイを追加する必要があります。あまりにも。

Answer 3

IE 5または6を使用している可能性があります。最小高さを削除してみてください。なぜなら、同じ要素に高さと高さを設定することには意味がないからです。私はこれがそうなると思う

Answer 4

、

table{height:500px !important;} 

今、この!importantはそれが自発的になりますが、それは他の属性によって簡単に上書きされます。

tbodyはheightプロパティを持ちません。

CSSの標準化に従って 'align'、 'char'、 'charoff' & 'valign'の4つのプロパティしか保持しません。

また、残りのスペースに同じサイズとセル間隔のセルが追加されます。

tbody{ 
    height:500px; 
    display:block; 
} 

しようとすると、返信が、私がこのデモはあなたのために動作します:)

Answer 5

希望を...行うことを願っています

のCss：

tbody{ 
    height: auto; 
    min-height:200px; 
    display:block 
    } 

Fiddle

Answer 6

<tbody>に最小高さが必要でした。他のHTML要素を挿入できなかったためですents（ユーザーコンテンツ）。私は修正を見つけた。

高さは空のテーブルで機能しますが、空のテーブルにChromeの空のtbodyがある場合（59）、FirefoxとEgdeでは機能しません。また、隠された他のケース<tr>は問題を提起しました。すべてのケースに対してJSFiddleを参照してください。

CSS：

.test { 
    border: 1px solid red; 
    height: 60px; 
} 

HTML：

Empty table: 
<table class=test> 

</table> 

Empty tbody: 
<table class=test> 
    <tbody></tbody> 
</table> 

クロム59：

エッジ（14）は、IE（11）は、Firefox（54）：

はでこれを修正：

tbody:before { 
    content: ''/* needed for chrome*/ 
} 

updated JSFiddle