div中overflow的一些用法

2022-04-23 07:51:10 字數 585 閱讀 6407

1.巢狀元素中使用負邊界

舉例:子元素,注意自元素中的內容,這將有助於理解負邊界的含義

.main

.content

實現效果是:子元素的上邊界-100px,而父元素有50個畫素的補白,故子元素將會向上移動50個畫素.

但ie會隱藏子元素中的超出部分,而firefox則顯示超出的部分.

2.使用overflow來固定長度和寬度

overflow:visible|hidden|auto|sroll;

visible:不剪下內容也不產生滾動條;

hidden:不顯示超出的內容部分;

auto:在需要的時候產生滾動條;

sroll:總是顯示滾動條;

3.控制高度屬性 min-height,max-height

min-height:auto|長度值;

定義了元素的最小高度,當元素中的內容沒有達到最小高度時,元素顯示最小高度;當大於最小高度時,高度自適應。

注:ie瀏覽器不支援這兩個屬性值,它會理解為沒有定義高度,也就是高度自適應auto.

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素,預設情況下,預設情況下將佔滿父級容器的整行,同級的其他物件將在下一行顯示。但是將某個div設定為float後,這個div本身會根據其中內容的需要而調整為內容需要的大小,其後的塊級物件將浮動在它旁邊顯示,執...

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素,預設情況下,預設情況下將佔滿父級容 器的整行,同級的其他物件將在下一行顯示。但是將某個div設定為float後,這個div本身會根據其中內容的需要而調整為內容需要的大小,其後的塊級 物件將浮動在它旁邊顯示...

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素,預設情況下,預設情況下將佔滿父級容器的整行,同級的其他物件將在下一行顯示。但是將某個div設定為float後,這個div本身會根據其中內容的需要而調整為內容需要的大小,其後的塊級物件將浮動在它旁邊顯示,執...