溢出隱藏屬性將不起作用

以下是代碼，它位於容器外部。出於某種原因，我無法理解元素不會隱藏。這些屬性之間是否存在某種衝突？溢出隱藏屬性將不起作用

#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

溢出隱藏屬性將不起作用

回答

相關問題