课后总结

1. clear的使用：
   是对自己使用的，让自己清除浮动。是让自己进行浮动的清除，要是发生移动，是自己进行移动。
2. position的使用
   position: absolute和fixed会让元素脱离文档流，而relative则是依旧留在文档流中，只是表现形式发生了改变。
3. 水平居中的实现方式
   行内元素： line-height；
   块级元素： marign；position；
4. vertical-align的使用方式： 对自己使用。使用于行内元素、table。
5. BFC（block format content）：
   作用：能阻止元素的外边距合并；能感知相邻的元素，
   形成方式：float，absoulte，table-cell，inline-block，overflow，
6. 元素，可以分为普通元素，浮动元素，
7. 父容器中存在浮动元素和普通元素时，怎么去撑开父容器的高度。
   因为父容器可以看成普通元素，其是感知不到浮动元素的，但是可以感知到其中的普通元素，所以当不对父容器进行高度设置时，其的高度就会是内中的普通元素的高度。
   所以如何去撑开父容器的高度。通过设置最后一个普通元素来撑开，使用空内容的div
   
   ;
   使用伪类： .clear {
   content: '';
   display: block;
   clear: both;
   }
   或是让父容器形成BFC方式。
8. 浮动元素的感知： 文字，浮动元素、BFC都可以感知浮动元素。
9. 阻止外边距合并： 形成BFC；加上border；加上padding；float；absolute；
10. float会让行内元素变成块级元素。
    **严禁转载，违者必究！