css[常用布局收集整理]

本文总结了一些布局相关的知识以及对应的文章
总结：
1、利用定位postion
2、利用浮动float
3、flex布局(移动端常用)
4、响应式布局(rem、媒体查询、百分比)

1、postion、float之两栏布局和三栏布局

https://blog.51cto.com/fcheng/1835101

2、flex布局

前提：
flex步局是当前比较常用的一种布局方式，通常大量用于小程序以及h5移动端开发等，pc端也有许多地方有着不少的妙用。
父六属性：分别为flew-direction(横纵方向)、justify-content(横向对齐)、align-items(纵向对齐)、flex-wrap(换行)、align-content(纵向多轴对齐)、flex-flow(综合flex-direction/flex-wrap属性)
子六属性：order(编号)、flex-grow(放大)、flex-shrink(缩小)、flex-basis
分(配多余空间)、align-self(单个覆盖纵向对齐)、flex(综合flex-grow、flex-shrink、flex-basis属性)
阮一峰
-语法篇
https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
-实例篇
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

3、使用 rem

https://www.cnblogs.com/lyzg/p/4877277.html

4、media query(媒体查询)

https://blog.csdn.net/ixygj197875/article/details/79365768

@media screen and (max-width: 360px) and (...) {  
     html { font-size: 12px;    }
}

5、百分比布局

https://www.cnblogs.com/wherep/p/7666220.html