拾起来提升-------布局
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>