网页的3种布局方式?

58 阅读1分钟

一个完整的网页,有标准流 、 浮动 、 定位 一起完成布局的。每个都有自己的专门用法。

标准流(不依靠任何float或者position或者display:flex属性)

可以让盒子上下排列 或者 左右排列的

浮动(依靠float属性)

可以让多个块级元素一行显示 或者 左右对齐盒子 浮动的盒子就是按照顺序左右排列

定位(依靠position属性)

定位最大的特点是有层叠的概念,就是可以让多个盒子 前后 叠压来显示。 但是每个盒子需要测量数值。

弹性布局(依靠display:flex)