元素水平居中text-align: center;
元素垂直居中line-height: 200px; height: 200px;
对象水平居中margin: 20px auto;
display:block;

clearDiv::after{

content:””;
visibility:hidden;
height:0px;
display:block;
clear: both;

}
Float属性设置left：元素向左浮动；right：元素向右浮动；none：默认元素不浮动；
position: 相对relative 绝对absolute 无定位static 固定fixed。
相对定位：相对定位的偏移参考元素是元素本身，不会使元素脱离文档流。元素的初始位置占据的空间会被保留。
绝对定位：相对于已定位的最近的祖先元素，如果没有已定位的最近的祖先元素，那么它的位置就相对于最初的包含块（如body）。
固定定位：固定定位相对于浏览器窗口进行定位。
Float和绝对定位的区别：相同点是都会脱离文档流，不同点是float不会覆盖未脱离文档流的其他元素，而绝对定位会；
Float和相对定位可组合使用：效果会兼容两者；

多行省略：
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;（行数）
-webkit-box-orient: vertical;
单行省略：
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

三者之间的关系：overflow: hidden、height、float
1、父未设置height、未设置overflow: hidden、子设置float，那么父不会被撑起
2、父未设置height、设置了overflow: hidden、子设置float，那么父会被撑起
2、父设置了height、设置了overflow: hidden、子设置float，那么子超出父的部分会被隐藏