1.宽高约束
a.宽高约束的一个基本用法是，设置宽度为百分比，然后再加上宽度约束
b.宽高约束的另一个用法是将媒体限制在容器内部。max-width将媒体元素的大小限制为
在父元素的100%内
2.基本的水平居中方法，margin:0 auto;
0会使顶部和底部边距为0，而auto共享父容器左右边距
3.使用box-sizing调整盒模型
设置box-sizing为content-box(默认)时width和height属性只设置内容区的宽度
设置。。。为border-box时。。。。。。。。。。设置border+content的和为width或height
padding-box和margin-box与上类似
4.一些其他display属性值，table，flex，grid
5.关于浮动，
a.清除浮动，使用clear：both/left/right。
b.解决浮动元素不占据正常文档高度问题，在所有浮动元素的最后添加一个空白元素清除浮动，
然后进行剩下布局。
6.解决多列布局的列高度不同的方案
a.flexbox
b.将这些列的背景颜色设置为父元素的背景颜色，这样您就不会看到高度是不同的
c.将它们设置为固定的高度，并使内容滚动overflow
d.使用精通css一书中的方案，设置足够高的高度，并设置负的底外边距。