Html 中心分区显示器？

无论显示器大小如何，我都需要帮助将div居中

我正在发一张照片。有人能帮我吗

#myDiv{
    position: absolute;
    top: 0;
    left: 50%;
    width: 800px;
    margin-left: -400px; /* width divided by 2 */
}

这是一个简单的方法。但是，如果周围有其他元素，将其设置为

position:absolute

，可能会导致一些问题

如果它有一个固定的高度，您可以将它放在一个容器

div

中，您可以将其设置为

height

和

position:relative

，以便其他元素保持其初始位置，如下所示：

#container{
    position: relative;
    height:500px; /* add this height to #myDiv */
}

HTML:

---

首先，欢迎来到堆栈溢出。第二，请写下你已经尝试过的，否则你会在这里被否决很多。这个网站不是为了索取代码，而是为了帮助你解决代码中的问题。

<div id="container">
    <div id="myDiv"></div>
</div>