CSS总结

div居中

<div style="position:relative; width:500px; height:500px; z-index:1;background:blue;">
  我是地图层
 <div style="position:absolute; left:50%; top:50%; margin:-25px 0px 0px -25px;width:50px; height:50px; z-index:2;background:red;">我是方向盘</div>
</div>

overflow : visible | auto | hidden | scroll
取值：
visible  :　 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效
auto  :　 在必需时对象内容才会被裁切或显示滚动条
hidden  :　 不显示超过对象尺寸的内容
scroll  :　 总是显示滚动条