写了两周的网页，发现自己的css基础还是很差的，当时培训学习的时候就发现了，我做的页面都特别的别扭和丑吧，在班级上应该是垫底的；
原先只知道用float，不会使用定位，网页连固定定位也不会，现在发现，原来手机移动端，使用的多的是绝对定位，相反浮动也就没有那么多的。
浮动后的元素，其父级元素如果想让其内容自动撑开，就得使用清楚浮动了，具体办法就是
div:before和div:after
- content: "";
- clear: both;
- display: block;
- height: 0;
这样就可以自动撑开父元素了。
第二个就是，当块元素内容文字不确定为几行的时候而其父元素确定高度，又想让它文字只有一行和多行都可以垂直居中的时候，就可以在文字外面嵌套个无意义标签，
比如span或者i或者em都可以，给它设置属性
word-wrap: break-word;
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
就可以自动换行并且垂直居中。
原以为html和css很简单，原来我接触的还是皮毛，还有很多都没见过的。