在引入h-scrolling时如何*应该*呈现此内容?

时间:2009-10-21 14:06:54

标签: html css web-standards

给定标记like this

<body>
  <div style='text-align:center'>header</div>
  <table>
    <tr><td>
      really_wide_table................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
    </td></tr>
  </table>
</body>

如果表格太宽以至于引入了水平滚动条,应如何呈现?

标题div应该位于最左侧可见屏幕的中心,还是位于表格的中心?或其他什么?

注意:我知道does发生了什么,我正在寻找的是一个官方参考,定义了应该发生的事情(我遇到了an issue)。

1 个答案:

答案 0 :(得分:2)

div是一个块元素,根据定义,其默认width设置为其父容器的100%。在这种情况下,父容器是浏览器窗口的可见部分。

因此,无论下面的表格(或任何元素)有多宽(或多窄;尝试一下),div仍会填充100%的可见浏览器窗口。

由于div与窗口一样宽,因此它将显示在窗口的中心位置。

我没有任何“官方”参考,但我知道这是DOM和CSS规范的工作方式。