我有一箇中間的標題區域的網頁。元素是標題的一部分。有人可以解釋什麼溢出:隱藏;在這裏做。我不明白爲什麼我需要它或它做了什麼。溢出的目的是什麼:hidden;服務?
感謝,
#hdr_mdl {
margin: 0 auto;
overflow: hidden;
width: 980px;
z-index: 10;
height: 50px;
}
我有一箇中間的標題區域的網頁。元素是標題的一部分。有人可以解釋什麼溢出:隱藏;在這裏做。我不明白爲什麼我需要它或它做了什麼。溢出的目的是什麼:hidden;服務?
感謝,
#hdr_mdl {
margin: 0 auto;
overflow: hidden;
width: 980px;
z-index: 10;
height: 50px;
}
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
。如果#hdrPmdl中的內容溢出超過50px,它將不允許瀏覽器將滾動條插入到DIV中。如果DIV犯規含有動態內容和規模將始終保持不變那麼它可能是不需要的,因爲內容將不會是> 50像素
解釋overflow
屬性:CSS overflow Property
的overflow
財產的互動例子: Play it
overflow
指定瀏覽器應該做的事情,當含量比塊尺寸更大。 overflow:hidden
表示「隱藏它並保留初始塊尺寸」。
如果您使用對於特定內容隱藏的溢出而不是爲此內容剪切溢出,並且其餘內容將不可見。爲了清除此事訪問w3school http://www.w3schools.com/cssref/pr_pos_overflow.asp
'溢出:隱藏'也用於實際*隱藏*不適合元素的框中的內容。如果未設置高度,則還會調整元素的高度以包含任何浮動的子元素。 – Asotos