CSS的三种布局方式

前言
所谓布局，就是指定把一个盒子放在合适的位置称为“布局”
流式布局(最简单，盒子的默认布局)
百分比布局，通过盒子的宽度(百分比)来根据屏幕的宽带来进行收缩，不受固定像素的限制，内容向两侧填充(移动web端开发比较常见的布局方式)也就是说css单位全部换成百分比，缺点需要百分比的参数对象
浮动布局(PC端网页时，浮动布局还是主流，后面css还会学到flex布局)

1. float(none => 不浮动、left => 左浮动、right => 右浮动、inherit => 继承父元素浮动)
2. flex布局:弹性盒子模型_逸尘的博客-CSDN博客

层布局(定位)

• position属性(配合left，right，top，bottom)

值	描述
static	静态定位的盒子是标准流状态，用于取消定位(position的默认值)。
inherit	表示会从父元素继承position的值。
fixed	固定定位。相对浏览器的窗口进行定位。
relative	相对定位。对于附加该属性值的定位，相对于该元素的正常位置进行定位。
absolute	相对于除了static以外的第一个父元素进行定位，如果没有，则相对于浏览器窗口定位。