如何使div不超过其内容？
我有一个布局类似于：
<div>
<table>
</table>
</div>
我希望div能够扩大到和我的table一样宽。
解决方法是设置你的div display: inline-block 。
你需要一个块元素，它具有什么CSS调用缩小到合适的宽度，并且规范没有提供一种幸运的方式来获得这样的事情。 在CSS2中，缩小适合并不是一个目标，但意味着要处理浏览器“不得不”无法获得宽度的情况。 这些情况是：
当没有指定宽度时。 我听说他们想在CSS3中添加你想要的东西。 现在，请与上述其中一个做一下。
不直接暴露该功能的决定可能看起来很奇怪，但有一个很好的理由。 它是昂贵的。 缩小至合适意味着格式化至少两次：在知道其宽度之前，您无法开始格式化元素，并且无法计算穿过整个内容的宽度。 另外，人们不会像人们想象的那样经常需要缩小到适合的元素。 为什么你需要在桌子上放置额外的div？ 也许表格标题是你需要的。
我想用
display: inline-block;
会工作，但我不确定浏览器的兼容性。
另一种解决方案是将你的div封装在另一个div （如果你想保持块的行为）：
HTML：
<div>
<div class="yourdiv">
content
</div>
</div>
CSS：
.yourdiv
{
display: inline;
}