<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貢獻1條經驗 獲得超0個贊
<div>是塊級標簽,一個<div>默認占一行,第一個div設置float之后,后面的div會往上擠,就當上面的div不存在一樣,這時候,浮動元素后方的div會鉆到浮動元素下面,顯示就是被浮動元素遮擋了,但是第二個div仍然是塊級標簽,占一行。
<img>是行內標簽,設置float之后就像是設置display:inline-block,所以是并排
- 1 回答
- 0 關注
- 1577 瀏覽
添加回答
舉報
0/150
提交
取消
