我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
只需使用display：inline；（或空白：nowrap；）。
我希望你觉得这很有用。
其他回答
这似乎在所有浏览器上都很适用。示例是我在网上和时事通讯中使用的实际广告。只需更改div的内容。它将根据您指定的填充量进行调整和收缩。
<div style="float:left; border: 3px ridge red; background: aqua; padding:12px">
<font color=red size=4>Need to fix a birth certificate? Learn <a href="http://www.example.com">Photoshop in a Day</a>!
</font>
</div>
解决方案是将div设置为display:inline块。
display：inline块为元素添加额外的边距。
我建议这样做：
#element {
display: table; /* IE8+ and all other modern browsers */
}
奖金：你现在只需添加margin:0auto，就可以轻松地将这个新奇的#元素居中。
我在一个div中有一个span，只需在容器div中设置margin:auto就可以了。
我只需要设置填充：-whateverYouWantpx；
