Question

css 中设置了float: left之后为什么会覆盖住其他元素? 明明是向左浮动的 为什么会把第二个元素盖住?

当我给第一个浅蓝色div设置了浮动之后 为什么会把第二个div盖住





Answer 1

浮动，你可以理解为漂浮在空中，然后它后面紧挨着但未设置浮动的元素则仍然在地上，并且填补了漂浮元素原来在地上所占用的位置，也就是说，非浮动元素“钻”到浮动元素的下面去了，所以被盖住了。
要想避免这种情况，必须让浮动元素清除浮动，最简单的方式就是给浅蓝色div加一个 overflow:hidden ，这样它在空中漂浮的同时也保留了它原来在地面占用的位置，这样后面的其他非浮动元素就不会移动位置了，也就不会被遮盖。

Answer 2

外层需要有一个大div包住里面的三个块，然后再给三个块设置浮动

追问

我知道了 但是为什么它明明是向左浮动的 左边到了尽头它不移动不就可以了吗 为什么会把第二个元素盖住呢

追答

你要贴个代码看看，不知道你怎么写的，光看图不好说