我有div，其中包含table。一切都按我的意愿运作，除了我不知道如何设置width的{{1}}，以便它随着div内的width的增长而增长。我怎样才能做到这一点？感谢。
这是table：
div将#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没有帮助。顺便说一句，我没有改变CSS中表格中的任何内容。
编辑：这是一个实时版本：http://jsfiddle.net/ZDF2U/
答案 0 :(得分：4)
在您的情况下，您也可以使用div：
display: table;
这是jsFiddle：http://jsfiddle.net/leniel/Et3t5/
这是另一个向您展示类似案例的jsFiddle：http://jsfiddle.net/leniel/T7DTc/
如果div为width: auto;，那么它会展开以适应表格中的textarea。如果您将其设置为width: 500px;，则textarea会在div之外增长。
所以解决方案看起来像设置width: auto;。当然，代码中的一些特殊内容可能会产生干扰。
答案 1 :(得分：2)
设置table { width:100% }解决了它。现在我可以保持div足够大，桌子恰好适合它。感谢。
答案 2 :(得分：1)
制作包含表格inline-block的div。即display: inline-block。这将强制它在阻塞时呈现内联。或者display: table也可以。
链接到jsFiddle：http://jsfiddle.net/Mr9jQ/
答案 3 :(得分：0)
您也可以将divs属性更改为
float:left;
width:auto;