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