1.表格布局

一. 页面布局

2.浮动布局

一. 页面布局

3.绝对定位

一. 页面布局

4.弹性盒

一. 页面布局

 

5.网格布局

一. 页面布局

 

<!-- 浮动 [缺点:要清除浮动,要处理周边的元素。 兼容性比较好]-->
<!-- 绝对定位 优点:快捷 缺点:因为脱离文档流了,有效性比较差 -->
<!-- flex布局。优点: 解决了以上的问题 缺点: -->

 

<!-- 如果去掉高度的话,哪些不可用 -->
<!-- 浮动,定位不可用 -->

相关文章: