缩小时页脚 div 移动

Question

我的页脚 div 元素在缩小时向右移动。应该是图片中的样子，蓝色的letters.I需要这个才能在更大的屏幕上工作`

        <div>
        <p class="">&copy; 2020 Pizza. All Rights Reserved</p>
        </div>`

这是 css

footer div {
color: #0c648f;
font-size: 14px;
background-color: #f2f4f5;
padding: 1px 0;
margin-top: 10px;

}

footer p {
text-align: right;

}

Answer 1

是否应该与页面内容右对齐？如果是这样，您需要 footer p 样式上的 max-width，以便内容将对齐到 space 的右侧，而不是整个页面的右侧。您还需要将该元素居中（使用 margin: auto）。

Footer div moves when zooming out