2011-10-02 24 views
4

我有一箇中間的標題區域的網頁。元素是標題的一部分。有人可以解釋什麼溢出:隱藏;在這裏做。我不明白爲什麼我需要它或它做了什麼。溢出的目的是什麼:hidden;服務?

感謝,

#hdr_mdl { 
    margin: 0 auto; 
    overflow: hidden; 
    width: 980px; 
    z-index: 10; 
    height: 50px; 
} 

回答

5

overflow:hidden防止滾動條的顯示出來,即使他們是必要的。

說明你的CSS的:

  • margin: 0 auto水平對準元件在中心
  • overflow:hidden防止出現
  • width:980px集滾動條元件的寬度爲980px
  • z-index:10使元件留在元件的頂部沒有定義z-index,*或 - 與z-index低於10,元素爲10的z-index,但元件在當前元素之前定義
  • heigh:50px - 高度爲50px
+1

'溢出:隱藏'也用於實際*隱藏*不適合元素的框中的內容。如果未設置高度,則還會調整元素的高度以包含任何浮動的子元素。 – Asotos

0

如果#hdrPmdl中的內容溢出超過50px,它將不允許瀏覽器將滾動條插入到DIV中。如果DIV犯規含有動態內容和規模將始終保持不變那麼它可能是不需要的,因爲內容將不會是> 50像素

0

overflow指定瀏覽器應該做的事情,當含量比塊尺寸更大overflow:hidden表示「隱藏它並保留初始塊尺寸」。