有一點不明白,這里的box3不是包含圖片和box4嗎?為什么邊框會單獨框起圖片呢?
代碼中:
div{border:2px red solid;}
<div id="box3">
??? <img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">
??? <div id="box4">當我還是三年級的學(xué)生時是一個害羞的小女生。</div>
</div>
這里我理解的是設(shè)置了div的邊框樣式,應(yīng)該一個邊框框起來圖片和下邊那段文字,然后再框起來文字,為什么圖片會被框起來呢?有點暈,想不通。
2015-11-05
其實圖片并沒有被框起來,只不過在你的這段代碼中,img的大小恰好與box3所在的div大小一致。你給img加個樣式width:100px,就可以一目了然了。