html - CSS 在线百分比宽度在窗口调整大小时收缩(左 - 右)

Question

我有这个页面(用于练习网络编程)底部有一个页脚。 http://i333180.iris.fhict.nl/melissa/index.html

因为网站可能需要在不同的窗口大小下打开，所以我使用 margin-top 百分比。

margin-top: 38%

我遇到的问题是，通过从下到上缩小窗口，页脚停留在原位。但是通过从左向右缩小窗口，页脚位置会发生变化。

我用谷歌搜索了一下 html、body 和周围的 div 必须得到什么

height:100%;

所以添加了这个，但页脚不会在窗口调整大小时改变位置(从下到上)。这是否只能通过

修复

position:absolute;
left: somevalue;
top: somevalue;

Answer 1

将此 css 添加到 .p-footer 中:

position: absolute;
bottom: 0px;
left: 25%;
right: 25%;

并且你应该去掉 margin 属性。