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