fieldset宽度为父级的100%

Question

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

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

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

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

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

Answer 1

浏览器在其默认的fieldset元素样式表中有自定义css .

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

你可以设置这个规则:

.section fieldset{
    min-width: 0;
}

看小提琴:

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

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