Question

HTML之相对定位

图片相对于浏览器是居中的，中间黑色模块相对于图片也是居中并且离图片最顶端有117px。黑色模块宽570px，高260px，图片必须用<img>标签，并且黑色和图片在一个DIV标签里面。请问代码怎么写呢？

Answer 1

建议两种方法 第一种是把图片改为背景图片如下：
<div style="width:100%;height:100%; margin:0 auto; background-image:url(你图片的地址)">
<div stlye="width:570px; height:260px; background-color:#FFF;padding-top:117;px;margin:0 auto;">

</div>

</div>
第二种方法改图片为定位脱离文档流
<div style="position:absolute;>
<img src="图片地址" style="position:absolute;z-index:-1;">
<div style="width:570px; height:260px; background-color:#FFF; top:117px;position:absolute;z-index:1;">
</div>
</div>
若有不对地方 请大家也指出一下