Internet Explorer将内容从容器中溢出

时间:2009-12-28 00:39:51

标签: css internet-explorer

我正在尝试创建一个显示在我工作的公司所属网站之上的栏。

我首先为firefox开发它然后在IE中看到它时惊恐万分。它完全坏了。

底线问题是如何在设置高度时让IE溢出内容?

是否有解决方法,或者我应采取不同的方法?

以下是我当前栏的代码:

#rurbar{
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:12px;
background:#111111;
color:#FFFFFF;
border-bottom:1px solid #999999;
position:absolute;
height:25px;
top:0;
left:0;
width:100%;
overflow:visible;
}

我在这个栏中有一些下拉菜单,所以我不能使用overflow:hidden。

2 个答案:

答案 0 :(得分:1)

我一直在IE8中测试你的CSS,它的行为与Firefox完全相同。那是;内容超出给定高度的 #rurbar div的内容流过div的底部,但div保持不变。

有一个例外。当页面以quirks-mode呈现时,div将会拉伸 文档是否以Quirks模式呈现? - 要查找,请在IE8中按F12并查找“文档模式”。您可以将其更改为其中一种标准模式,看它是否会发生任何变化。

如果这是问题,那么你必须验证HTML,这样IE就不会出错并进入Quirks模式。

答案 1 :(得分:0)

另外,请确保在页面顶部指定DOCTYPE,我忘记了这一点,我发现了一些CSS / JS的奇怪之处。