<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 关注
- 1463 浏览
添加回答
举报
0/150
提交
取消