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本身會根據其中內容的需要而調整為內容需要的大小,其後的塊級物件將浮動在它旁邊顯示,執...