设置float浮动后的效果为什么会不一样？DIV设置后重合了，而img设置后并排了。
<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>
qq_晓颖晓熊_0浏览 1464回答 1
1回答
-
qq_初晨_3
<div>是块级标签，一个<div>默认占一行，第一个div设置float之后，后面的div会往上挤，就当上面的div不存在一样，这时候，浮动元素后方的div会钻到浮动元素下面，显示就是被浮动元素遮挡了，但是第二个div仍然是块级标签，占一行。<img>是行内标签，设置float之后就像是设置display:inline-block,所以是并排
随时随地看视频慕课网APP
CSS3
Html5