红色框框里的部分 预期效果是想相对于图片定位,结果它相对于浏览器定位。这个部分的父元素有设置一个position:relateIve。
<div class="navimgLeft clearfix"> <div class="navimgLeftone"> <div class="navimgLeftonebox"> <img src="images/leftone.jpg"> <img src="images/leftone.jpg"> <img src="images/leftone.jpg"> <img src="images/leftone.jpg"> <img src="images/leftone.jpg"> </div> <div class="button1"> <a></a> <a></a> <a></a> <a></a> <a></a> </div> </div> </div> .navimgLeft{ height:480px; width:520px; float:left; } /* 左上图片 */ .navimgLeft .navimgLeftone{ height:280px; width:520px; overflow:hidden; display:relative; } .navimgLeftone .button1{ position:absolute; height:5px; width:100%; left:50%; bottom:20px; } .button1 a{ display:inline-block; height:5px; width:20px; background:#000; }
说了个啥?
是position:relative; display貌似没有relative吧
并没有看懂你想问的问题啊
把图片和内容放在同一个父容器里,在定位就好了