Question

为什么前面的div使用了float之后，后面的元素也跟着变了?

Answer 1

float会使元素脱离标准文档流，想当于向上浮动了，其后兄弟元素会无视它的存在，占据浮动元素原有的位置。解决方式是给其兄弟元素加个 clear属性 {clear:both\left\right}

Answer 2

当div设置了float属性后， 这个div块就是浮动了， 你的位置还是没有确定下来， 所以后面的元素就跟着变， 你在div样式里面添加position属性， 就可以了！

Answer 3

那你就要看你的float是加在哪里的，如果是直接加在DIV里，那当然是整个DIV里的都跟着一起变了。