CSS学习之-06

margin：元素对齐方式，使用auto实现居中。

text-align：文本对齐方式，使用center实现居中。

position：absolute-left、right 左右对齐

float：left、right 左右对齐，当使用float时，子元素的高度大于父元素，且子元素设置了浮动，那么子元素将溢出，这时候你可以使用clearfix（清除浮动）来解决问题

.clearfix {

        overflow: auto;

}

使用position+transform实现垂直居中

.center p {

        height: 100px;

        margin: 0;

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

}