表示するテーブルを設定する：block

Question

テーブルをブロック要素のように動作させるのが好きです。私は幅に設定することはできません：それはいくつかのパディングを持っているので100％、これは100％+パディングPXになるだろう。

チェックアウト：http://jsfiddle.net/LScqQ

最後に表私はあなたがボックスの影を見ることができ、何をしたいですか？でもテーブルの子供たちはそんな感じではないよ^^

THEADのTHが問題だと思います。 アスペクト比が66％から33％にはなりません。ヘルプが欲しかった

...

Answer 1

最後に私は自分で答えを見つけました。

ラッパー容器内のあなたのテーブルを入れて、これに類似したCSSルールを記述します。今すぐ

// HTML

<div class="wrapper_full"> 
<table>...</table> 
</div> 

// CSS

.wrapper_full > table 
{ 
    width: 100%; 
} 

テーブルはレイアウトをオーバーフローせず、ほとんどの要素と同様に完全に適合します。

Answer 2

あなたのテーブルには、display: tableでなければなりません。サイジングが心配な場合は、box-sizing: content-boxを使用してください。

なぜなら、display: tableは、行と列を配置する必要があるテーブルレイアウトメカニズムを作成するからです。特定の条件では、必要な要素が存在しない場合、暗黙的に作成されますが、問題を引き起こす可能性があります。 （divでテーブルレイアウトを作成して、、tr、およびtd要素のデフォルトのユーザーエージェントスタイルであるdisplay: table,table-row、table-cellに設定することで、それをテストできます。 divを異なる組み合わせで使用すると、ブラウザが暗黙的にテーブルレイアウトを間違って作成することがあります）。

実際の表レイアウトを使用する場合は、常にdisplay: table-*のスタイルをそのままにしてください。幅の問題を適切なスタイルで並べ替えます。あなたが望むものをよりよく表現すれば、おそらくもっと良い答えを得ることができます。