html - 字段集宽度父级的 100%

<分区>

我需要在字段集中有一个可滚动的 div。我的问题是字段集扩展到它的内容宽度，而不是留在其父级中。

<div class="section">
    <fieldset>
        <div class="list">
        </div>
    </fieldset>
</div>

这两个框的底部都应该有滚动条，但顶部的滚动条在字段集中，因此它不会控制溢出。

如何让字段集的宽度与其父字段一样宽？

最佳答案

浏览器在其默认样式表中为 fieldset 元素自定义了 CSS。

在 Chrome 上它有 min-width: -webkit-min-content;

你可以设置这个规则:

.section fieldset{
    min-width: 0;
}

参见 fiddle :

使用 Firebug、Chrome Dev Tools 检查元素，以查看样式表中 div 和 fieldset 元素之间的区别!

关于html - 字段集宽度父级的 100%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27660423/