浮动和定位有什么区别

浮动和定位都是 CSS 中用于布局的重要概念，它们在网页布局中各有特点。

**浮动**（Float）：
1. 浮动主要用于将元素从其原始位置移出，使其沿着文本方向（从左到右或从上到下）流，以便让其他内容紧贴其旁边。
2. 浮动元素会占用一定的宽度，并影响其父容器的宽度计算，如果一个元素被两个以上的兄弟元素浮动，它们会自动调整以适应空间，形成所谓的“流体布局”。
3. 如果不设置清除浮动，可能会导致父容器的高度塌陷问题，这时需要使用 `overflow: auto` 或 `clearfix` 等技巧来解决。