<style type="text/css">.left{width: 100px;height: 100px;background: blue;float: left;}.right{width:100px;height: 120px;background: green;} </style></head><body ><div class="left"></div> ?<div class="right"></div><img src="22.jpg" width="100px" style="float: left;"><img src="11.jpg" width="100px" ?></body>
1 回答

qq_初晨_3
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個贊
<div>是塊級標(biāo)簽,一個<div>默認(rèn)占一行,第一個div設(shè)置float之后,后面的div會往上擠,就當(dāng)上面的div不存在一樣,這時(shí)候,浮動元素后方的div會鉆到浮動元素下面,顯示就是被浮動元素遮擋了,但是第二個div仍然是塊級標(biāo)簽,占一行。
<img>是行內(nèi)標(biāo)簽,設(shè)置float之后就像是設(shè)置display:inline-block,所以是并排
- 1 回答
- 0 關(guān)注
- 1522 瀏覽
添加回答
舉報(bào)
0/150
提交
取消