Question

这个相对简单的代码片段使表扩展到1000000px。确认在Chrome，FF，Safari，Safari TP，IE11，Edge 13和Edge 14. Firefox是唯一可以正常工作的浏览器 - 容器，子和桌面以及文档正文都占据相同的宽度。

https://jsfiddle.net/Dremora/gorp2Lqz/4/

＆＃13;

.container {
  display: flex;
}

.child {
  display: flex;
  flex: 0 0 auto;
}

table {
  border: 1px solid red;
  width: 100%;
  table-layout: fixed;
}

＆＃13;

<div class="container">
  <div class="child">
    <table>
      <tr><td>This table is 1000000px wide</td></tr>
    </table>
  </div>
</div>

＆＃13;

这里发生了什么？为什么1000000px？哪些浏览器做对了？

澄清：我没有找到让它发挥作用的方法 - 我在发布问题之前就已经开始工作了。我想理解为什么它的行为方式，最好是参考解释这种增长的CSS规范部分，或者浏览器＆＃39;如果它是一个错误，就会发出追踪器。

使用带有flexbox

0 个答案: