设置轮播图小圆点，怎么外扩了？设置的明明是圆点里面的样式，而不是外面的

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

box-shadown是设置阴影啊，什么外扩...，你的代码是设置2px的阴影，按道理没有那么宽的，你看下是否是其他代码影响到了