課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之float浮動(dòng)
為什么加了overflow,div的設(shè)置的背景顏色就有了,如果不加,為什么div的背景顏色會(huì)不呈現(xiàn)呢
2017-09-07
源自:CSS深入理解之float浮動(dòng) 4-2
正在回答
<body>
? ? <div style="background-color: gray;">
? ? <img src="http://static.mukewang.com/img/53d60af3000171a002560191.jpg" style="float: left;">
? ? <div style="clear:both;margin-bottom: 100px">clear:both</div>
? ? </div>
? ? <div style="margin-top: 100px">本文字離圖片的距離是?</div>
? ? <div style="background-color: skyblue;overflow: hidden;">
? ? <img src="http://static.mukewang.com/img/53d60af3000171a002560191.jpg" style="float: left;margin-bottom: 100px">
</body>
這里的浮動(dòng)效果 不是在第二個(gè)div里面clear掉了嗎 。。。
舉報(bào)
課程將會(huì)從感性的認(rèn)識(shí)的角度講解CSS float屬性,浮動(dòng)的前世今生
1 回答overflow自適應(yīng)
4 回答overflow hidden和clear both有什么區(qū)別?用法和作用有什么不同?
3 回答直接設(shè)定父元素的高度(或者最小高度)這種方法如何??好像還有是設(shè)定overflow屬性的,這兩種方法如何?
5 回答這樣會(huì)造成父類塌陷么?
1 回答文字很多的時(shí)候,文字會(huì)掉到圖片下面
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-09-07
<body>
? ? <div style="background-color: gray;">
? ? <img src="http://static.mukewang.com/img/53d60af3000171a002560191.jpg" style="float: left;">
? ? <div style="clear:both;margin-bottom: 100px">clear:both</div>
? ? </div>
? ? <div style="margin-top: 100px">本文字離圖片的距離是?</div>
? ? <div style="background-color: skyblue;overflow: hidden;">
? ? <img src="http://static.mukewang.com/img/53d60af3000171a002560191.jpg" style="float: left;margin-bottom: 100px">
? ? </div>
? ? <div style="margin-top: 100px">本文字離圖片的距離是?</div>
</body>
這里的浮動(dòng)效果 不是在第二個(gè)div里面clear掉了嗎 。。。