div居中
<div style="position:relative; 500px; height:500px; z-index:1;background:blue;">
我是地图层
<div style="position:absolute; left:50%; top:50%; margin:-25px 0px 0px -25px;50px; height:50px; z-index:2;background:red;">我是方向盘</div>
</div>
overflow : visible | auto | hidden | scroll
取值：
visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效
auto : 在必需时对象内容才会被裁切或显示滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条