拾起来提升-------布局

div垂直居中

固定大小:

<div class="box"></div>

<style>
.box{
  position:absolute;
  width:200px; 
  height:200px;
  top:50%;
  left:50%;
  margin-left:-100px;
  margin-top:-100px;
}
</style>

不固定大小:

<div class="box"></div>

<style>
.box{
 position:fixed;

width:50%; height:50%; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); } </style>

固定一侧。另一侧自适应

<div style="float:left; width:100%; height:200px;">
   <div style="margin-left:200px; background:#000; height:200px"></div>
</div>
<div style="float:left; width:200px; height:200px; margin-left:-100%; background:yellow"></div>

 

posted @ 2016-06-12 16:48  ~飞阳~  阅读(127)  评论(0编辑  收藏  举报