在HTML使用绝对定位和相对定位来实现垂直居中

使用绝对定位和相对定位来实现垂直居中

       首先先给其父元素一个相对定位，其次使用绝对定位的 div，把它的 top 设置为 50％，top margin 设置为负的 contention 高度的一半。

这意味着对象必须在 CSS 中指定固定的高度。因为有固定高度，或许你想给 content 指定 overflow:auto，这样如果 content太多的话，就会出现滚动条，以免content 溢出。

eg:

  <div class="father">

         <div class="contention"> Content goes here</div>

  </div>

.father{

position:relative;

}

.contention {

position: absolute;

top: 50%;

height: 240px;

margin-top: -120px;

}