關(guān)于例子中2.的疑問(wèn)。
在例子2.中 img的父級(jí)元素已經(jīng)加上了overflow：hidden了。那么照理來(lái)說(shuō)img中的浮動(dòng)應(yīng)該已經(jīng)被清除了。
但是如果在img下方加上一行新的<div style="margin-bottom:100px;">overflow:hidden</div>
那么“overflow:hidden”應(yīng)該會(huì)在圖片下方顯示啊。就像1.中那樣，但是事實(shí)卻不是這樣。請(qǐng)問(wèn)這是為什么？
關(guān)鍵代碼如下
<br><br><br><br>2. <div?style="background-color:?#f5f5f5;?overflow:?hidden;"> <img?src="http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg"?style="float:left;"> ????<div?style="margin-bottom:?100px;">overflow:hidden</div> </div>
把例子中的代碼改成上面的后就出現(xiàn)了 下圖。
請(qǐng)問(wèn)這是為什么？
2016-03-21
我的理解：overflow:hidden 是為了解決float對(duì)父元素高度的影響，設(shè)置了之后，就可以用float的元素的高度撐開(kāi)父元素，它和float之后的元素是沒(méi)有什么關(guān)系的，并沒(méi)有清楚浮動(dòng)對(duì)之后元素的影響，還是要清楚浮動(dòng)。
所以，你設(shè)置的文字還是要在圖片后面顯示。
2017-01-12
2017-01-05
這個(gè)不就是標(biāo)準(zhǔn)的文字環(huán)繞效果嗎？就是會(huì)在右邊出現(xiàn)啊
2016-07-08
1號(hào).<img?src="http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg"?style="float:left;">
2號(hào).<div?style="margin-bottom:?100px;">overflow:hidden</div>
以上兩個(gè)是同一級(jí) ?而overflow：hidden是清除了他們父級(jí)對(duì)后面元素的浮動(dòng)的影響
你可以把2號(hào)變成一號(hào)的子級(jí) 這樣就會(huì)達(dá)到2號(hào)在1號(hào)下方 ?而不是左邊
2016-05-17
我換成你給的代碼，文字是在圖片下邊的 啊