在Chrome 80中设置宽度为自动时，表格的宽度不能大于100%？

xsuvu9jc 于 2023-09-28 发布在 Go

关注(0)|答案(1)|浏览(119)

当我将宽度设置为自动时;在Chrome 80中，表的宽度最多为100%。在Chrome 100+中，表的宽度可以大于100%。我想知道是什么原因导致了这个问题，以及如何解决它。

<html>
<head></head>
<body>
<div style="overflow-x:auto">
  <table style="width:auto">
    <colgroup>
      <col style="width: 3000px; min-width: 3000px;">

    </colgroup>
    <thead>
    <tr>
      <th style="background-color: red;color: black">
        1
      </th>

    </tr>
    </thead>
    <tbody>
    <tr>
      <td style="background-color: red;color: black">
        1
      </td>

    </tr>
    </tbody>

  </table>
</div>
</body>
</html>

google-chrome

来源：https://stackoverflow.com/questions/76950388/the-width-of-table-can-not-larger-than-100-when-set-width-to-auto-in-chrome-80

1条答案

按热度按时间

klsxnrf11#

虽然替换宽度：自动宽度：最大内容具有效果。但我不知道原因。

<html>
<head></head>
<body>
<div style="overflow-x:auto">
  <table style="width:max-content">
    <colgroup>
      <col style="width: 3000px; min-width: 3000px;">

    </colgroup>
    <thead>
    <tr>
      <th style="background-color: red;color: black">
        1
      </th>

    </tr>
    </thead>
    <tbody>
    <tr>
      <td style="background-color: red;color: black">
        1
      </td>

    </tr>
    </tbody>

  </table>
</div>
</body>
</html>

赞(0）回复(0）举报 2023-09-28

我来回答

在Chrome 80中设置宽度为自动时，表格的宽度不能大于100%？

1条答案

相关问题

热门标签

最新问答