在使用css來控制html樣式時可以會出現自己預想外的布局，這裡就可能會是html語言本身的問題（個人理解），比如盒子塌陷問題。
在兩個巢狀的塊級元素（獨佔一行可以設定寬高的html標籤）中，
設定了子元素的margin-top屬性時會導致父元素一起下沉。
這就是盒子塌陷問題。
可以給父元素加乙個邊框
給父元素新增乙個overflow：hidden屬性
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
.box
.inner
style
>
head
>
>
="box">
class
="inner"
>
div>
div>
body
>
html
>
CSS盒子塌陷問題的討論
什麼是盒子塌陷 理論上在父元素內部的元素 出現在盒子外部 出現原因?乙個父親不能被自己浮動的兒子，撐出高度。當父元素未設定 足夠 高度的時候，子元素設定了浮動的屬性時，子元素就會跳出父元素的邊界 脫離文件流 當父元素的高度為auto時，而父元素中又沒有其它非浮動的可見元素時，父盒子的高度就會直接塌陷...
css盒子塌陷問題，以及解決塌陷的5種方法
一 為什麼盒子會塌陷？原因 當父元素沒設定足夠大小的時候，而子元素設定了浮動的屬性，子元素就會跳出父元素的邊界 脫離文件流 尤其是當父元素的高度為auto時，而父元素中又沒有其它非浮動的可見元素時，父盒子的高度就會直接塌陷為零，我們稱這是css高度塌陷。二 怎麼清除塌陷？方法 1 最簡單，直接，粗暴...
CSS盒子塌陷的5種解決方法
一，盒子塌陷是什麼？本應該在父盒子內部的元素跑到了外部。二，為什麼會出現盒子塌陷？當父元素沒設定足夠大小的時候，而子元素設定了浮動的屬性，子元素就會跳出父元素的邊界 脫離文件流 尤其是當父元素的高度為auto時，而父元素中又沒有其它非浮動的可見元素時，父盒子的高度就會直接塌陷為零，我們稱這是css高...