課程
/前端開發
/HTML/CSS
/CSS深入理解之float浮動
為什么加了overflow,div的設置的背景顏色就有了,如果不加,為什么div的背景顏色會不呈現呢
2017-09-07
源自:CSS深入理解之float浮動 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>
這里的浮動效果 不是在第二個div里面clear掉了嗎 。。。
舉報
課程將會從感性的認識的角度講解CSS float屬性,浮動的前世今生
1 回答overflow自適應
4 回答overflow hidden和clear both有什么區別?用法和作用有什么不同?
3 回答直接設定父元素的高度(或者最小高度)這種方法如何??好像還有是設定overflow屬性的,這兩種方法如何?
5 回答這樣會造成父類塌陷么?
1 回答文字很多的時候,文字會掉到圖片下面
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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>
這里的浮動效果 不是在第二個div里面clear掉了嗎 。。。