CSS的左右布局

上篇文章介绍了CSS代码的引入方式，今天列举下CSS的两种布局clearfix和position

1.左右布局

方法1.使用clearfix属性

  
A
  
B

clearfix的内容:

.clearfix::after{
    content:"";
    display:block;
    clear:both;
}

方法2.使用绝对定位position

  
A
  
B

绝对定位是使内容显示在界面左上角，配合right使用。

2.左中右布局

方法1.使用clearfix属性配合外边距margin

  
A
  
B
  
C

方法2.使用绝对定位position配合外边距margin

  
A
  
B
  
C

3.水平居中

使用text-align: center

  A

4垂直居中

使用vertical-align: top属性

  A