当前位置:
首页 > 网站相关 > div+css > CSS div水平垂直居中和div置于底部

CSS div水平垂直居中和div置于底部

一、水平居中

 

  • .hor_center {
  •         margin: 0 auto;
  • }

二、水平垂直居中

<div class="content"></div>

 

  • .content {
  •       width: 360px;
  •       height: 240px;
  • }
  • .ver_hor_center {
  •       position: absolute;
  •       top: 50%;
  •       left: 50%;
  •       margin-left: -180px; /*要居中的div的宽度的一半*/
  •       margin-top: -120px; /*要居中的div的高度的一半*/
  • }

三、div置于底部(footer)

  • .bottom_footer {
  •        position: fixed; /*or前面的是absolute就可以用*/
  •        bottom: 0px;
  • }