传统盒模型(display+position+float)
- flexbox(flex布局)弹性布局
阮一峰 flex布局教程- 元素设置为 display: flex之后,子元素的float, clear, vertical-align属性将失效
- flex布局 = 容器( container ) + 容器内各种子元素( items )
uploading-image-947822.png
- grid
掘金css grid布局
传统盒模型(display+position+float)
uploading-image-947822.png