css - 如何强制元素在任何屏幕中具有相同的相对位置？

Question

重现这种效果的最佳方式是什么

在任何决议中？有什么方法可以强制这些元素(页眉、内容区域、菜单项和页脚)彼此之间始终具有相同的相对位置，以便它们始终保持完美对齐而不会破坏 flex 效果，或者我应该去CSS 掩码？

到目前为止，所有元素都是图像，除了文本。

Answer 1

这很简单。要让一个元素总是出现在中心，添加到它的 css

margin: 0 auto;

至于页脚，首先制作一个背景div(将您的图像设置为背景)

width: 100%;

在里面再放一个div:

margin: 0 auto;

然后将所有这些 div 和图像放入主容器中

position: absolute;
bottom: 0px;

根据我的经验，在布局时使用边距、填充和固定宽度总是比相对或固定定位更好。