清除浮动和定位

清除浮动

1、怪异盒子模型 

/*div的高度和宽度=原来的高度和宽度*/

box-sizing: border-box;

2、浮动

定义：div浮动后，脱离文档流不再独占一行，后续内容会被挤到原来的位置，脱离后，容器无高度。未浮动时，会被内容撑开。

3、设置首字下沉代码

 span{
            float: left;
            font-size: 80px;
        }

4、display最主要用法是可将行内元素转化为块元素。既可以作为块元素使用，也可以当成行内元素使用。

display: inline-block;

注：行内元素margin的top和bottom不可用；padding可用。