两种布局： 固定宽度布局:一般宽度960/1000/1024px 不固定宽度布局:主要靠文档流的原理来布局 align:使成一条直线(竖) justify:使每行排齐
.clearfix:after{ content:''; display:border; clear:both; } display:inline block;--尽量压窄自己 vertical-align: top; border占两个像素，有时会干扰宽度的计算，可把border改成outline outline: 1px solid red; 居中： margin-left:auto; margin-right:auto; flex-grow: 0; ---防止变胖，默认是1; flex-shrink:0;---防止变瘦，默认是1;
display:flex;---把元素变成flex容器;
width:100px; flex-grow: 1; flex-shrink: 1; 以上可以缩写为： flex: 1 1 100px;
margin-left:auto;把元素移到右边对齐
