Html Divs赢得'；t中心CSS

所以，我有几个div，我想放在中间。 我目前正在使用这个css代码，我称之为“container div”——你很可能以前听过这个“container”的东西

    #container {
    margin: auto;
    width: 75%;
    margin-top: 100px;
}

虽然在调整窗口大小时，这似乎不会使div居中；如果我调整窗口的大小，div将缓慢跟随，然后-从中心移动得更远

小提琴-

是什么导致div出现这种行为？

试试这个

#container {
height:50px;
width:50px;
position:absolute;
left:50%;
top:50%;
margin: 0 auto;
}

---

正如在您的示例中所验证的，我发现您使用边距（负值和高量程值）来设计这些块。因此，即使您将主容器宽度设置为75%或任何其他宽度，它也将从父div溢出。这种CSS将在较小的设备中产生关键问题

---

建议：尽量避免这种类型的CSS。如果您需要这种类型对齐，并且它还没有在响应中工作，那么您也可以使用一些第三方插件，如massy.js等，

您发布的不是居中，而是溢出。。。容器的宽度为百分比，而内部元素的宽度为像素。请在问题中包含相关代码。使用此结构无法做到这一点。您没有尽可能清楚地解释您想要做什么。就目前而言，您的示例似乎完全按照预期工作。正如Temani Afif所说，您已经将内部块的宽度和边距设置为静态，因此它们不会像屏幕那样调整大小。然后，它们变成了水平滚动的元素。因此，与其简单地说它“不工作”，不如解释一下您希望它如何工作。注意，您不能有多个具有相同id的元素。您应该使用class。