Html IE CSS字段集边框向右延伸太远:为什么?
我在HTML中定义了一个字段集,并对其应用了以下(简单)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中查看时,该元素的
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的原因是什么?