Html 当容器已转换css时，字段集图例被删除

我使用的是只有bordor top的fieldset。字段集的容器是位置绝对的，并具有translate属性以将模态与页面中心对齐。 看

一些标题
上面有一些文字。顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本

更多的文字

---

但这场比赛的传奇人物正在取得突破。问题是什么。

在

图例上使用
{float:left；width:100%}
，
我还从
fieldset
中删除了
margin top
，但如果需要，您可以保留它

让我知道这是否是你要找的


字段集{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
边框顶部：1px纯红；
衬垫顶部：25.5px；
明确：两者皆有；
位置：相对位置；
}
传奇{
字体大小：1.4rem；
填充：0 12px 0 8px；
文本转换：大写；
浮动：左；
宽度：100%；
框大小：边框框；
}
.莫代尔{
位置：绝对位置；
顶部：40px；
底部：40px；
右：40px；
左：40px；
背景：#fff；
边界半径：5px；
盒影：0 0 16px#111；
保证金：0自动；
不透明度：1！重要；
显示：块；
}
.modal.someclass{
底部：自动；
最高：50%；
左：50%；
/*-webkit转换：翻译（-50%，-50%）*/
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}
p，标签{float:左；
宽度：100%；}

一些标题
上面有一些文字。顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本

更多的文字
使用像素的分数通常会产生问题

只需将padding top设置为整数值，它就可以正常工作了


字段集{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
边框顶部：1px纯红；
边缘顶端：51px；
填充顶部：25px；/*已更改*/
位置：相对位置；
}
传奇{
字体大小：1.4rem；
填充：0 12px 0 8px；
文本转换：大写；
}
.莫代尔{
位置：绝对位置；
顶部：40px；
底部：40px；
右：40px；
左：40px；
背景：#fff；
边界半径：5px；
盒影：0 0 16px#111；
保证金：0自动；
不透明度：1！重要；
显示：块；
}
.modal.someclass{
底部：自动；
最高：50%；
左：50%；
/*-webkit转换：翻译（-50%，-50%）*/
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}

一些标题
上面有一些文字。顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本顶部有一些文本

更多的文字
从字段集中删除页边空白顶部，并对其进行填充。modalFieldset css是通用的，无法更改。我还需要页边空白。您没有看到顶部的红色边框吗？有边界。不需要-1
<section class="modal  medium  someclass" >
<fieldset>
<legend>Some heading</legend>
    <p>Some text on the top. Some text on the top Some text on the topSome text on the topSome text on the topSome text on the topSome text on the topSome text on the top</p>
   <section  aria-required="true">
      <label>some more text</label>
   </section>
</fieldset>
</section>