溢出隐藏属性将不起作用

以下是代码，它位于容器外部。出于某种原因，我无法理解元素不会隐藏。这些属性之间是否存在某种冲突？溢出隐藏属性将不起作用

#header2 { 
    position: absolute; 
    top: 71px; 
    left: 0%; 
    margin-left: -906px; 
    width: 2831px; 
    height: 56px; 
    background:url("images/header2.gif") no-repeat; 
    overflow: hidden; 
}

来源

2011-03-08 max

我猜你正在寻找的答案是display: none？

来源

2011-03-08 07:39:01 smottt

visiblity: hidden;或display: none;

随着知名度，你会隐藏元素，但它仍然会改变DOM显示，其中，显示将完全隐藏元素，行为像它会已经被删除。

编辑：
咦，好了，在这种情况下，你应该看看100% height fix/sticky footer/whatever you name it并添加overflow: hidden;您容器。因此，您应该添加您的#header2元素作为容器的子项。另外，加position: relative;到集装箱所以#header2绝对位置是从集装箱计算。

其实，在这种情况下，您的容器将成为新body，这就是为什么你应该添加overflow它，使#header2作为一个孩子。

当然，如果您的网站没有垂直扩展，那么您只需将overflow: hidden;属性添加到您的body标记即可获得。

所有这些麻烦是因为overflow属性隐藏溢出元素尺寸的内部内容。基本上，溢出像作物一样工作。

来源

2011-03-08 07:45:42 jolt

感谢回复的家伙，但让我重述自己。这是一个图形元素。它应该被显示，而不是隐藏。该元素是巨大的，它使滚动条出现在底部，这是问题所在。我需要隐藏溢出，以便在不同的屏幕分辨率下，图形元素将覆盖整个宽度，同样没有水平滚动条。 – max 2011-03-08 22:33:31

溢出隐藏属性将不起作用

回答

相关问题