比包含DIV更宽的表
比包含DIV更宽的表
提问于 2011-04-21 03:36:37
在下面的示例中，也可以使用here，WebKit (Safari5，Chrome10.0.648.205)和Mozilla (FF4)都将DIV保持在浏览器窗口的可见宽度附近，而表的宽度与其内容一样宽。
我预计DIV会像表一样宽，但由于行为在不同浏览器上是一致的，我怀疑这是一个特性，而不是一个bug。
有趣的是，如果DIV设置为float:left，则为it does grow as wide as the table。
有什么解释吗？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Wide Table</title>
<style>
#container {
background-color:blue;
/* float:left;*/
}
</style>
</head>
<body>
<div id="container">
<table >
<tr id="tr">
<td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td><td>Table Cell</td>
</tr>
</table>
</div>
</body>
</html>回答 1
Stack Overflow用户
发布于 2011-04-21 03:42:58
我通常设置div的大小，并让表自行调整到div。我不确定这种洞察力是否会有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5735674
复制相关文章
相似问题
腾讯云开发者
