这是怎么回事？

Question

html:
<div class="dots" id="dots">
   <span class="active"></span>
   <span></span>
   <span></span>
</div>

css:
.dots{
 position:absolute;
 right:50%;
 margin-right:-40px;
 bottom:24px;
 text-align:right;
}
.dots span{
 display:inline-block;
 width:12px;
 height:12px;
 line-height: 12px;
 border-radius: 50%;
 background:rgba(7,17,27,0.4);
 box-shadow: 0 0 0 2px rgba(255,255,255,0.8);
 margin-left:8px;}

Answer 1

不知道  你要什么效果  你让最外层设置绝对定位   是干哈呢