html – 字段集宽度100％父级

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

<div >    <fIEldset>        <div >        </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元素之间的区别！

总结

以上是内存溢出为你收集整理的html – 字段集宽度100％父级全部内容，希望文章能够帮你解决html – 字段集宽度100％父级所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。