Question

这是代码，它在容器之外。由于某种原因，我无法理解元素不会隐藏。这些属性之间是否存在某种冲突？

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

Answer 1

visiblity: hidden;或display: none;

使用可见性，您将隐藏元素，但它仍然会改变DOM显示，其中， display 将完全隐藏元素，其行为就像它会发生的那样被删除了。

修改
嗯，在这种情况下，您应该查看100% height fix/sticky footer/whatever you name it并将overflow: hidden;添加到容器。因此，您应该将#header2元素添加为容器的子元素。另外，将position: relative;添加到容器，以便从容器计算#header2绝对位置。

实际上，在这种情况下，您的容器将成为新的body，这就是您应该向其添加overflow并将#header2作为子。

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

所有麻烦都是因为overflow属性隐藏了溢出元素维度的内部内容。基本上，溢出就像庄稼一样。

Answer 2

我猜你要找的答案是display: none？

溢出隐藏属性将无法正常工作

2 个答案: