html - div幅をテーブルの幅に設定するにはどうすればよいですか？

Question

がdiv含まれているがありますtable。内部のが成長するにつれて成長するようにwidthのを設定する方法がわからないことを除いて、すべてが私が望むように機能しています。どうやってやるの？ありがとう。divwidthtable

これはdiv：のCSSコードです。

#events-table-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    margin-top: 100px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

に設定widthしautoても役に立ちませんでした。ところで、CSSのテーブルでは何も変更していません。

編集：これがライブバージョンです：http：//jsfiddle.net/ZDF2U/

Answer 1

あなたの場合、あなたはまたすることができますdiv：

display: table;

これがjsFiddleです：http：//jsfiddle.net/leniel/Et3t5/

---

同様のケースを示す別のjsFiddleがあります：http：//jsfiddle.net/leniel/T7DTc/

divの場合は、テーブルの内側width: auto;に対応するように拡張されます。textareaに設定するとwidth: 500px;、textareadivの外側で成長します。

したがって、ソリューションは設定のように見えますwidth: auto;。もちろん、コードに特別な何かが干渉している可能性があります。

Answer 2

設定table { width:100% }はそれを解決しました。今、私はdiv十分な大きさを保つことができ、テーブルはそれにぴったり収まります。ありがとう。

Answer 3

テーブルを含むdivを作成しますinline-block。つまりdisplay: inline-block。これにより、ブロックされている間、強制的にインラインでレンダリングされます。あるいはdisplay: table、同様に機能します。

jsFiddleへのリンク：http：//jsfiddle.net/Mr9jQ/

Answer 4

divsプロパティを次のように変更することもできます

float:left;
width:auto;