中心div无动于衷的监视器？

Question

无论显示器尺寸如何，我都需要以div为中心的帮助。

我要发一张照片。任何人都可以帮助我吗？

Answer 1

#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>