首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >比包含DIV更宽的表

比包含DIV更宽的表
EN

Stack Overflow用户
提问于 2011-04-21 03:36:37
回答 1查看 21.8K关注 0票数 19

在下面的示例中,也可以使用here,WebKit (Safari5,Chrome10.0.648.205)和Mozilla (FF4)都将DIV保持在浏览器窗口的可见宽度附近,而表的宽度与其内容一样宽。

我预计DIV会像表一样宽,但由于行为在不同浏览器上是一致的,我怀疑这是一个特性,而不是一个bug。

有趣的是,如果DIV设置为float:left,则为it does grow as wide as the table

有什么解释吗?

代码语言:javascript
复制
<!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&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td><td>Table&nbsp;Cell</td>
       </tr>
    </table>
  </div>
</body>
</html>
EN

回答 1

Stack Overflow用户

发布于 2011-04-21 03:42:58

我通常设置div的大小,并让表自行调整到div。我不确定这种洞察力是否会有所帮助。

票数 -3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5735674

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档