Javascript 如何使我的绝对定位元素响应？ 我试图在容器的中间（水平和垂直）中心形状的圆形，并使其响应。我不知道如何在没有绝对定位的情况下保持圆形。感谢您的帮助

var n=20；
对于（变量i=0；i

.box{
背景：#d0；
宽度：20px；
高度：30px；
边界半径：7px；
位置：绝对位置；
边框：1px纯黑；
}
.box:悬停{
背景：红色；
}

---

尝试使用50%的边界半径，相对定位而不是绝对定位，边距：自动。这将迫使箱子位于其容器的中心

.box {
    background: #d0d0d0;
    width: 20px;
    height: 30px;
    border-radius: 7px;
    position: relative;
    border: 1px solid black;
    margin: auto;
}

---

由于高度和宽度属性不同，此css将创建椭圆而不是圆。如果要查找的是圆，请将“高度”和“宽度”更改为具有相同的值。

将它们相对于容器放置，然后将容器居中：

var n=20；
对于（变量i=0；i

#容器{
位置：相对位置；
保证金：100px自动；/*80x+20px*/
宽度：200px；/*2*80px+2*20px*/
}
.盒子{
背景：#d0；
宽度：20px；
高度：30px；
边界半径：7px；
位置：绝对位置；
边框：1px纯黑；
/*下面的内容与JS中的translate（-50%，-50%）结合在一起，将居中显示*/
最高：50%；
左：50%；
}
.box:悬停{
背景：红色；
}

---

谢谢，但这不起作用。我试着把形状的圆圈作为一个整体居中。