css - 字段集中的表溢出不起作用

Question

我尝试在 fieldset 中放置一个表格，其中表格的 width 2200px 是固定的，表格父级(一个 div)具有 css 属性 overflow- x: 汽车;宽度:100%

结构如下:

fieldset:
    div:
       table:

但是div的滚动没有显示，我该如何解决这个问题？

jsBin: http://jsbin.com/sazogamiha/edit?html,css,output

Answer 1

您可以使用 width: 100vw; 代替 width: 100%;。

Jsbin

#pai {
    width: 100vw;
    overflow-x: auto;
    float: left;
    white-space: nowrap;
}

或者你必须给min-width: 0;给fieldset。 fieldset 默认有 min-width: -webkit-min-content; 所以你可以覆盖它。

fieldset {
    width: 100%;
    min-width: 0;
}

Jsbin