Css中overflow屬性的相關介紹

2022-09-01 21:42:23 字數 1145 閱讀 3215

overflow css屬性  overflow 為css中設定當物件的內容超過其指定高度及寬度時如何管理內容的屬性。

初始值:

visible

適用於:

block-level and replaced elements

繼承性:

無百分比:

n/a**:

visual

版本:css2

相容性:

ie4+ ns6+

overflow-x overflow-y

overflow : visible | auto | hidden | scroll

visible : 預設值。不剪下內容也不新增滾動條。假如顯式宣告此預設值, 物件將以包含物件的 window 或 frame 的尺寸裁切。並且 clip 屬性設定將失效 auto : 在必需時物件內容才會被裁切或顯示滾動條 hidden : 不顯示超過物件尺寸的內容 scroll : 總是顯示滾動條

清除浮動

設定overflow的乙個更流行的用處是,清除浮動。設定overflow並不會在該元素上清除浮動,它將清除自己(self-clear)。意思就是,應用了overflow(auto或hidden)的元素,將會擴充套件到它需要的大小以包圍它裡面的浮動的子元素(而不是疊了起來(collapsing)),假設未定義高度。就像這樣:

檢索或設定當物件的內容超過其指定高度及寬度時如何管理內容。所有物件的預設值是 visible ,除了 textarea 物件和 body 物件的預設值是 auto 。設定 textarea 物件此屬性值為 hidden 將隱藏其滾動條。對於 table 來說,假如 table-layout 屬性設定為 fixed ,則 td 物件支援帶有預設值為 hidden 的 overflow 屬性。如果設為 scroll 或者 auto ,那麼超出 td 尺寸的內容將被剪下。如果設為 visible ,將導致額外的文字溢位到右邊或左邊(視 direction 屬性設定而定)的單元格。自ie5開始,此屬性在mac平台上可用。自ie6開始,當你使用 !doctype 宣告指定了 standards-compliant 模式,此屬性可以應用於 html 物件。對應的指令碼特性為 overflow 。

CSS中的overflow屬性

如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條,是否隱藏溢位部分等行為,規定當內容溢位元素框時發生的事情。visible 預設值。內容不會被修剪,會呈現在元素框之外。hidden 內容會被修剪,並且其餘內容是不可見的。scroll 內容會被修剪,但是瀏覽器會...

Css中overflow屬性的認識

overflow 溢位 hidden 隱藏。這個css屬性,用於將溢位到盒子border外的內容隱藏。案例1 對溢位要做處理 新增 overflow hidden 再看乙個案例 直觀上看,這個屬性對網頁設計人員來說真是福音!比如乙個盒子內部有乙個比自己還寬的子盒子,這時候就會影響自己的表現。只需要給...

CSS學習 overflow屬性

在網頁布局中,未處理的溢位元素絕對算得上是個 毒瘤 因為如果乙個 盒子 周圍還有其它元素,而從這個盒子中溢位的元素會和盒子周圍的元素發生層疊,並脫離了整個html元素,所以我們應當合理使用css中的overflow屬性來處理溢位的元素。doctype html html lang en head m...