4
<fieldset>调整大小错误；似乎具有不可移动的`min-width：min-content`
问题 我有一个<select>它<option>的文本值很长的地方。我要<select>调整其大小，以使其永远不会比其父对象宽，即使它必须切断其显示的文本也是如此。max-width: 100%应该这样做。 调整大小之前： 调整大小后我想要什么： 但是，如果您加载此jsFiddle示例，并将“结果”面板的宽度调整为小于的宽度<select>，则可以看到内部的select <fieldset>无法缩小其宽度。 调整大小后，我实际上看到的是： 但是，用a <div>代替a<fieldset>的等效页面确实可以正确缩放。如果在一页上一个接一个，则可以看到并更轻松地测试更改。并且，如果删除周围的标签，则可以调整大小。该标签在某种程度上导致水平尺寸调整打破。<fieldset><div><fieldset><fieldset> 该<fieldset>行为是如果有一个CSS规则fieldset { min-width: min-content; }。（min-content手段，大致的最小宽度不会引起孩子溢出。）如果我更换<fieldset>了<div>与min-width: min-content，它看起来完全一样。但是min-content我的样式，浏览器默认样式表或Firebug的CSS Inspector中都没有规则。我试图覆盖<fieldset>Firebug的CSS检查器和Firefox的默认样式表forms.css中可见的所有样式，但这无济于事。专门覆盖min-width，width也没有执行任何操作。 码 字段集的HTML： <fieldset> <div class="wrapper"> <select id="section" name="section"> <option value="-1"></option> <option value="1501" selected="selected">Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.</option> <option value="1480">Subcontractor</option> <option value="3181">Valley</option> <option …