1. 程式人生 > >深入淺出CSS:Div(一)

深入淺出CSS:Div(一)

指定 增加 src 深入 lock alt 舉例 gin width

這個系列是學習筆記,簡明記錄結論性的知識。

新建一個層時,border為零,margin為0,padding為0,如果不指定寬度(width),則自動100%填充父元素。

三、層與父元素的關系

1. 舉例,直接建立一個新層div1,則它的父元素就是body,當給新層添加內外補白或邊框等等時,body的寬度並未發生變化。

技術分享

當層不斷的擴張,比如增加margin,padding或border時,它的總長或總寬=本身+擴張的長/寬。

當層擴張後的寬度到達極限等於body的寬度時,就不能繼續擴張,因為父元素的寬度不會變,這時再增加寬度,只能在內部壓縮。

原理1:層無論怎麽擴張,都不會超過父元素的寬度。如果想讓一個層的寬度固定不變(層A),利用這個原理,只能在這個層的內部再套一個內部層(層B)。層B無論怎麽擴張都不會超過層A。

深入淺出CSS:Div(一)