我已经在HTML中定义了一个字段集,并将以下(简单)CSS规则应用于它:
fieldset
{
margin: 2em 0;
position:relative;
padding: 1em;
border:1px solid #ccc;
}
一切都很棒,没什么大不了的,除了所有版本(嗯,据我所知最多7个)IE的顶部边框 - 但有趣的是,底部边框 - 视野范围也在视觉上延伸向右偏远约25px,超出垂直边界的那一边。
值得注意的是,当在Firebug中查看时,此元素的宽度使其在宽度方向上位于其父元素之外。
在IE中导致此问题的原因是什么?这是一个已知问题,如果是,那么修复/黑客/解决方法是什么?
答案 0 :(得分:3)
我已经挣扎了一段时间了;今晚我终于找到了答案。
http://www.sitepoint.com/forums/showthread.php?t=526881
引用NatalieMac:
似乎如果你在字段集中有一个元素溢出 在fieldset的右侧,它扩展了顶部边框。我曾有一个 容器设置为100%的宽度,没有填充或边距IE7 由于某种原因(即使内部的内容),思想溢出 这个容器是右边对齐的,可在边框内看到 字段集)。
我只能通过在字段集中添加overflow:hidden来修复它。
我可以确认这确实也为我解决了这个问题。
答案 1 :(得分:1)
您是否可以发布更多代码,例如字段集周围的HTML以及相应的CSS规则?
你提到你可以看到它比Firebug中的父元素更宽。这几乎肯定是相关的。您是否可以更改父元素的CSS以使其足够宽以包含字段集?
如果没有更多的背景,那么更准确地诊断它可能会很难......