Html 如何在整个页面宽度的div中居中放置div

我有一个div的宽度是整个页面的宽度。里面是另一个分区

---

如何将该子div垂直居中于其父div内，以便在页面重新调整大小且父div增大时，子div仍位于中心？

以百分比为单位给出值。将左上角设置为50%，这会将div的左上角移动到父对象的中心。然后减去边距中高度和宽度的一半，使div的中心位于中心（例如，如果高度和宽度均为50px，则减去25px）

css

：

#main{
    height: 100vh;
    width: 100%;
}

#secondary{
    width: 50px;
    height: 50px;
    top : 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

---

查看我的

以百分比给出值。将左上角设置为50%，这会将div的左上角移动到父对象的中心。然后减去边距中高度和宽度的一半，使div的中心位于中心（例如，如果高度和宽度均为50px，则减去25px）

css

：

#main{
    height: 100vh;
    width: 100%;
}

#secondary{
    width: 50px;
    height: 50px;
    top : 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

---

查看我的

以百分比给出值。将左上角设置为50%，这会将div的左上角移动到父对象的中心。然后减去边距中高度和宽度的一半，使div的中心位于中心（例如，如果高度和宽度均为50px，则减去25px）

css

：

#main{
    height: 100vh;
    width: 100%;
}

#secondary{
    width: 50px;
    height: 50px;
    top : 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

---

查看我的

以百分比给出值。将左上角设置为50%，这会将div的左上角移动到父对象的中心。然后减去边距中高度和宽度的一半，使div的中心位于中心（例如，如果高度和宽度均为50px，则减去25px）

css

：

#main{
    height: 100vh;
    width: 100%;
}

#secondary{
    width: 50px;
    height: 50px;
    top : 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

---

查看我的

代码在哪里？！？文档中的div中的div。。。请努力给我们一个JSFIDLE链接！请提供迄今为止您拥有的代码，代码在哪里？！？文档中的div中的div。。。请努力给我们一个JSFIDLE链接！请提供迄今为止您拥有的代码，代码在哪里？！？文档中的div中的div。。。请努力给我们一个JSFIDLE链接！请提供迄今为止您拥有的代码，代码在哪里？！？文档中的div中的div。。。请努力给我们一个JSFIDLE链接！请提供迄今为止您拥有的代码，该代码可能重复