Html IE CSS字段集边框向右延伸太远:为什么?

Html IE CSS字段集边框向右延伸太远:为什么?,html,css,internet-explorer,Html,Css,Internet Explorer,我在HTML中定义了一个字段集,并对其应用了以下(简单)CSS规则: fieldset { margin: 2em 0; position:relative; padding: 1em; border:1px solid #ccc; } 一切都很好,没什么大不了的,除了IE的所有版本(据我所知,最多7个版本)外,字段集的上边框——但有趣的是,下边框——在视觉上向右延伸了约25像素,超出了垂直边框在那一侧的位置 值得注意的是,当在Firebug中查看时,该元素的

我在HTML中定义了一个字段集,并对其应用了以下(简单)CSS规则:

fieldset 
{
    margin: 2em 0;
    position:relative;
    padding: 1em;
    border:1px solid #ccc;
}
一切都很好,没什么大不了的,除了IE的所有版本(据我所知,最多7个版本)外,字段集的上边框——但有趣的是,下边框——在视觉上向右延伸了约25像素,超出了垂直边框在那一侧的位置

值得注意的是,当在Firebug中查看时,该元素的宽度会导致它在其右侧的父元素宽度之外


是什么导致IE出现此问题?这是一个已知的问题吗?如果是,修复/破解/解决方法是什么?

您是否可以发布更多的代码,比如字段集周围的HTML以及相应的CSS规则

您提到,您可以看到它比Firebug中的父元素更宽。这几乎可以肯定是相关的。您可以更改父元素的CSS以使其足够宽以包含字段集吗


如果没有更多的上下文,可能很难更准确地诊断这一点。

我已经为这一点挣扎了一段时间;今晚我终于找到了答案

引用NatalieMac的话:

似乎如果字段集中有一个元素溢出了 在字段集的右侧,它延伸顶部边框。我有一个 容器设置为100%的宽度,没有IE7规定的填充或边距 思想由于某种原因而泛滥(尽管里面的内容 此容器右对齐,可在边界内查看 字段集)

我只需将overflow:hidden添加到字段集就可以修复它


我可以确认这确实也解决了我的问题。

您使用position:relative的原因是什么?