设置float浮动后的效果为什么会不一样？DIV设置后重合了，而img设置后并排了。

.left{width: 100px;height: 100px;background: blue;float: left;}

.right{width:100px;height: 120px;background: green;}

</style>

</head>

<body >

</body>

qq_晓颖晓熊_0

浏览 1464回答 1

1回答

qq_初晨_3

<div>是块级标签，一个<div>默认占一行，第一个div设置float之后，后面的div会往上挤，就当上面的div不存在一样，这时候，浮动元素后方的div会钻到浮动元素下面，显示就是被浮动元素遮挡了，但是第二个div仍然是块级标签，占一行。<img>是行内标签，设置float之后就像是设置display:inline-block,所以是并排

随时随地看视频慕课网APP