html – 字段集宽度100％父级

参见英文答案 > <fieldset> resizes wrong; appears to have unremovable `min-width: min-content`4个
我需要在fieldset中有一个可滚动的div.我的问题是,字段集扩展到它的内容宽度,而不是保持其父级.

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

http://jsfiddle.net/UziTech/tg5uk25L/

这两个框应该在底部都有滚动条,但顶部的一个在字段集中,所以它不会控制溢出.

如何让fieldset只有它的父级一样宽？

解决方法

浏览器在其默认样式表中为fieldset元素定制了css.

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

你可以设置这个规则：

.section fieldset{
    min-width: 0;
}

看小提琴：

http://jsfiddle.net/tg5uk25L/4/

使用Firebug,Chrome开发工具,aso检查元素,以查看样式表中div和fieldset元素之间的区别！