Firefox的字段集溢出CSS修复

小编典典

Firefox的字段集溢出CSS修复

css

如何设置内容在字段集中溢出？它适用于IE，但不适用于FF。

我可以在两个浏览器中使用div元素实现相同的功能。

样品：

<fieldset style="border:thin solid #990033;">
    <legend>test</legend>
    <div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</fieldset>
<p>&nbsp;</p>
<div style="border:1px solid #999999; padding:0 8px 8px 8px;">
    <label style="background-color:#FFFFFF; padding:0 5px; position:relative; top:-10px;" >test</label>
    <div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</div>

阅读 303

2020-05-16

共1个答案

小编典典

找到解决方案，添加条件css样式：

fieldset {
    display: table-column;
}
<!–[if IE]>
fieldset {
    display: block;
}
<![endif]–>

2020-05-16