css浮动和普通的元素区别

CSS中的浮动元素和普通元素之间有一些区别。

1. 定位：浮动元素通过设置`float`属性来脱离正常的文档流，并且可以进行左浮动（`float: left`）或右浮动（`float: right`）。普通元素默认是在文档流中按照其出现的顺序进行排列。

2. 排列：浮动元素会尽量靠近其前一个浮动元素或文本内容，并且后续的内容会环绕在其周围。普通元素则按照其在文档流中的位置进行排列。

3. 父元素的高度：当父元素包含浮动元素时，其高度不会自动根据浮动元素的高度而调整，可能导致父元素高度塌陷。普通元素会被作为布局的一部分，父元素的高度会根据其内容和子元素的高度自动调整。

4. 清除浮动：由于浮动元素会脱离正常文档流，可能导致后续元素受到影响。为了解决这个问题，可以使用清除浮动的技术，例如在父元素的末尾添加`clear: both`样式或使用clearfix技巧。普通元素不需要清除浮动。

总的来说，浮动元素用于实现元素的横向排列、图文混排等效果，而普通元素则按照其在文档流中的位置进行排列和布局。