温馨提示:本文翻译自stackoverflow.com,查看原文请点击:html - overflow:scroll; in

html - 溢出:滚动;

发布于 2020-03-27 15:40:24

为什么CSS属性overflow:scroll;不能在中正常工作<td>,但overflow:hidden;效果很好?

<table border="1" style="table-layout:fixed; width:100px">
  <tr>
    <td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

从CSS规范12,我不明白为什么。

查看更多

查看更多

提问者
an0
被浏览
13
Kirtan 2009-07-31 17:04

从这里得到了东西

安德鲁·费多纽克(Andrew Fedoniouk)写道:

这实际上是我的问题:“一个技术原因是溢出属性不适用于表。” -为什么?这是什么原因

我不是专家,但是我相信这只是为了与旧表行为向后兼容。您可以在规范中检查“自动”表布局算法。我非常确定此布局算法与溢出属性不兼容(或更准确地说,除了“可见”之外,布局算法将永远不会导致需要任何溢出值)。

是的,这就是为什么我要问。似乎没有正式的理由说明为什么不应该滚动,但UA厂商似乎在这一领域达成了一些沉默的协议。问题也是。

规范在元素方面与您同意。表格单元应该尊重溢出,尽管至少Mozilla似乎不这样做。在这种情况下,我无法回答您的问题,尽管我仍然认为答案仍然与旧版渲染有关。

主线程就在这里

发布
问题

分享
好友

手机
浏览

扫码手机浏览