style
="height
: 40px;
background-color
:aqua;
margin-top
: 30px;
">
style
="width
: 50px;
height
: 40px;
background-color
: blue;
">
div>
div>
結果
這個時候給子元素新增上外邊距
style
="height
: 40px;
background-color
:aqua;
margin-top
: 30px;
">
style
="width
: 50px;
height
: 40px;
background-color
: blue;
margin-top
: 10px
">
div>
div>
結果 不變
如果我給多一點
style
="height
: 40px;
background-color
:aqua;
margin-top
: 30px;
">
style
="width
: 50px;
height
: 40px;
background-color
: blue;
margin-top
: 50px
">
div>
div>
傳到父級元素去了
邊框可以給透明的
border
: 1px solid transparent;
padding
: 1px;
CSS子元素浮動導致父元素高度塌陷問題
根據w3c標準，在頁面中元素都有乙個隱含的屬性叫做 block formatting context，簡稱 bfc，該屬性可以設定開啟或者關閉，預設是關閉的。當開啟元素的bfc以後，元素會具有以下特性 1.父元素的垂直外邊距不會和子元素重疊 2.開啟 bfc 的元素不會被浮動元素覆蓋 3.開啟 bf...
css高度塌陷問題
首先什麼是高度塌陷?當我們需要給頁面設定自適應寬高的時候,在文件流中,父元素的高度預設的情況下是被子元素的高度撐開的,子元素的高度就是父元素的高度,當我們給子元素設定了浮動厚,子元素就會脫離文件流 當你第一次給父元素設定自適應的時候,又給子元素設定浮動元素的時候,你就會發現,父元素的高度沒有了,這就...
css 子元素設定float,父元素高度塌陷
以div元素為例。div元素的高度會通過內容自動撐開。也就是說，內容有多少，高度就有多高。但是當內部元素設定了float屬性之後，會是父元素高度塌陷 div class container p hello world hello world p div class clearfix div div ...