页面布局思路

页面是由Html构成的;熟悉html本身默认特点【很重要】。

布局重要:尽量通过结构;利用流逝布局

##### 如何构建结构

1: 只要看到从上往下的布局;就在这几个子元素外部加一个【父容器】------原理: 子元素在父容器中从上往下;并且可以撑起父容器的高度

2: 只要看到从左往右的布局方式 

---> 原理:   子元素一定变为inline元素  inline  inline-block

3: 将元素变为 inline inline-block 方式有?

    -显示转化  display:inline  ||  inline-block

    -隐示转化  给子元素添加  position float 给父容器添加display:flex

4: 确定元素特点后: 

    -左右对齐方式有规律  首选 float

    -所有子元素从左往右: 间距相同: 排列有过滤 : 公司要求不兼容ie10以下---> flex布局

    -特殊情况  position: absolute;

    -只要看到屏幕上固定不变的: 只能使用position:fixed;