.bottomdiv{position:relativebackground:#FCCwidth:200pxheight:200px}
.pop{position:absolutewidth:150pxheight:100pxtop:50pxleft:100pxborder:1px solid #000background:#CCC}
</style>
<div class="bottomdiv">
<div class="pop">弹出层内容</div>
<img src="http://www.baidu.com/search/zhidao/jctuijian/1217ms.jpg" width="200" height="200" />
</div>
绝对定位弹出DIV的绝对位置 ,CSS样式名:
position:absolute ,
top:文档高度/2-弹出DIV高度/2 px
left:文档宽度/2-弹出DIV宽度/2 px
这样的算法 就能够把弹出的DIV 位置 设置为 页面的中部
DIV+CSS不能够完全的控制DIV的位置, 因为 以上top和left的值 是需要计算的。因为如果按自己屏幕的大小固定值的话, 别人如果大于或小于你的屏幕分辨率,那么 DIV 的位置就会发生变化。
如果不想剧中就更改TOP 和Left的值即可