所以，我有几个div要居中。我目前正在使用这个css代码，我称之为"容器div"——你很可能以前听过这个"容器"的东西。
#container {
margin: auto;
width: 75%;
margin-top: 100px;
}
尽管在调整窗口大小时，这似乎不会使div居中；如果我调整窗口的大小，div将慢慢跟随，然后移动到离中心更远的地方。
Fiddle-https://jsfiddle.net/kud3f01n/
是什么原因导致div出现这种行为？
正如在您的示例中验证的那样，我发现您通过使用边距(负值和高范围值(来设计这些块。因此，即使你给主容器75%的宽度或其他任何东西，它也会从父div溢出。这种CSS会在较小的设备中产生关键问题。
建议：尽量避免使用这种类型的CSS。如果你需要这种类型的对齐，并且它不能响应，你也可以使用一些第三方插件，如masony.js等，
试试这个
#container {
height:50px;
width:50px;
position:absolute;
left:50%;
top:50%;
margin: 0 auto;
}