我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
您可以选择高度：100%和宽度。这使得div不大于其内容。
其他回答
我尝试了div.classname｛display：table cell；｝，结果成功了！
如果我们定义一个全局变量并将其用于这两个变量会怎么样。
：根目录{--表格宽度：400px；}.容器{width:var（--表格宽度）；边框：1px实心黑色；//易于可视化}.内表{width:var（--表格宽度）；边框：1px纯红色；//易于可视化}<div class=“container”><table class=“inner table”><tr><td>美国广播公司</td></tr></table></div>
您可以选择高度：100%和宽度。这使得div不大于其内容。
这里有一个工作演示-
.浮动框{显示：-moz内联堆栈；显示：内联块；宽度：配合内容；高度：配合内容；宽度：150px；高度：75px；边距：10px；边框：3px实心#73AD21；}<h2>The Way正在使用内联块</h2>CSS中还添加了支持元素。＜div＞<div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div></div>
这似乎在所有浏览器上都很适用。示例是我在网上和时事通讯中使用的实际广告。只需更改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>
