布局都有些什么？float 和 position 有什么区别？

标准面试回答（推荐记住）

常见的 CSS 布局手段有：float 浮动布局、position 定位布局、Flex 弹性布局、Grid 网格布局、table 表格布局、多列布局等。float 本来是为了实现文字环绕图片的效果，元素会脱离常规文档流，但仍然占据浮动流空间，后面的元素会围绕它排列，使用后通常需要清除浮动。position 中的 absolute 和 fixed 会完全脱离文档流，不占据任何空间；relative 则仍然在文档流中占据原来的位置。