IE CSS Fieldset边框向右延伸太远:为什么?

时间:2008-10-29 21:27:20

标签: html css internet-explorer

我已经在HTML中定义了一个字段集,并将以下(简单)CSS规则应用于它:

fieldset 
{
    margin: 2em 0;
    position:relative;
    padding: 1em;
    border:1px solid #ccc;
}

一切都很棒,没什么大不了的,除了所有版本(嗯,据我所知最多7个)IE的顶部边框 - 但有趣的是,底部边框 - 视野范围也在视觉上延伸向右偏远约25px,超出垂直边界的那一边。

值得注意的是,当在Firebug中查看时,此元素的宽度使其在宽度方向上位于其父元素之外。

在IE中导致此问题的原因是什么?这是一个已知问题,如果是,那么修复/黑客/解决方法是什么?

2 个答案:

答案 0 :(得分:3)

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

http://www.sitepoint.com/forums/showthread.php?t=526881

引用NatalieMac:

  

似乎如果你在字段集中有一个元素溢出   在fieldset的右侧,它扩展了顶部边框。我曾有一个   容器设置为100%的宽度,没有填充或边距IE7   由于某种原因(即使内部的内容),思想溢出   这个容器是右边对齐的,可在边框内看到   字段集)。

     

我只能通过在字段集中添加overflow:hidden来修复它。

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

答案 1 :(得分:1)

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

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

如果没有更多的背景,那么更准确地诊断它可能会很难......