float和margin
在上一個(gè)塊元素中加上浮動(dòng)，下一個(gè)塊元素清除浮動(dòng)并加上margin-top,這里的外邊距為什么沒有展示出來(lái)？
ohitisme
2017-01-05
6 回答
舉報(bào)
0/150
提交
取消
2019-04-05
clear：both是加在父元素內(nèi)容的底部，你這里都沒有父元素，清除哪個(gè)的高度塌陷？
2017-08-03
外邊距合并(塌陷)問題
2017-01-06
我也不知道這個(gè)問題該怎么解釋，但是我在你這2個(gè) div 的上層又添加了一個(gè) div，并設(shè)置了 border 后，好像就沒什么問題了。但如果不加這個(gè)上層 div 的話，貌似 .clrfloat 的 margin-top 確實(shí)是不太正常。
我添加的代碼如下：
<style>
#box {
????border: 1px solid #333;
}
</style>
<body>
????<div id="box">
????????<div class="div00">float</div>
????????<div class="clrfloat">hello</div>
????</div>
</body>
其它的 CSS 代碼跟你的一樣。
2017-01-06
你用的什么瀏覽器？我在最新版火狐上測(cè)試是沒有問題的呀。
2017-01-06
樣式表里是這樣：
.div00 {
width: 50px;
height: 50px;
float: left;
margin-bottom: 50px;
background-color: blue;
}
.clrfloat {
width: 50px;
height: 50px;
margin-top: 200px;
background-color: red;
clear: both;
margin-bottom: 100px;
}
文檔中的位置是這樣的：
<div class="div00">float</div>
?<div class="clrfloat">hello</div>
兩個(gè)div的樣式大致就是這樣，但是上外邊距就一直沒有效果
2017-01-06
能把代碼樣式給出嗎