Html 字段集宽度为父字段的100%

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

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

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

---

如何使字段集仅与其父字段集一样宽？

只需设置

溢出：在父字段
部分滚动
。它将包含溢出和添加滚动条

.section {
  width: 100%;
  border: 10px double;
  box-sizing: border-box;
  overflow: scroll; <----
}

部分{
宽度：100%；
边框：10px双倍；
框大小：边框框；
溢出：scroll；浏览器在默认样式表中为
fieldset
元素提供自定义css

在Chrome上，它有
min-width:-webkit-min-content；

您可以设置以下规则：

.section fieldset{
    min-width: 0;
}

参见小提琴：


使用Firebug、Chrome开发工具和aso检查元素，查看样式表中的
div
和
fieldset
元素之间的区别！
从JSFIDLE开始，也许您忘记了在第二部分添加一个fieldset

这是一个快速解决方案

.section {
    width: 100%;
    border: 10px double;
    box-sizing: border-box;
    overflow-x: auto;
}

td {
    padding: 0 100px;
    border: 1px solid;
}

谢谢。我以为可能是这样的，但我没有考虑正确的属性。不幸的是，这对Firefox没有帮助…我认为
width
总是超过
minwidth
和
max width
。很高兴知道。字段集可能是危险的。我们如何修复愚蠢的Firefox？我希望字段集是100%widt它的父级的h。我不希望它滚动。我希望字段集中的div滚动。我故意这样做是为了表明它可以与div一起工作，但不能与字段集一起工作