将div与中心水平对齐的错误

Question

我尝试使用这种方式使div居中：div height是：35.3em margin-top：calc（50％ - （35.3em / 2））

当我使用浏览器的宽度时，错误发生了，div以某种方式改变了他的水平位置

我的网站的网址： http ： //cherry-rocks.herokuapp.com

Answer 1

当您使用相对定位时，您还可以使用top而不是margin-top来明确地将元素定位到中心。 如果您愿意使用flexbox，请使用top: calc(50% - (35.3em / 2))而不是margin-top或display: flex on the parent和margin: auto on the child。