目录
- 浮动布局
- 绝对布局
- 表格布局
- 响应式布局
- 弹性布局
- 网格布局
- 多栏布局
浮动布局
CSS3浮动布局的核心在于使用float属性将元素移出文档流,通过左右浮动来排列元素,并结合clear属性或清除浮动技巧(如这里的伪元素法)来处理浮动带来的副作用。尽管浮动布局在某些简单布局中依然实用,但对于更复杂的布局需求,如灵活的网格系统、响应式设计等,推荐使用CSS3的Flexbox或Grid布局模型。
浮动(Float)
- float 是 CSS 中的一个属性,用于指定一个元素应如何相对于其周围的元素进行定位。
- 可接受的值包括 left、rig