基本布局是页脚标签违抗分配行为
<body>
<div class="wrapper">
<nav></nav>
<myContent></myContent>
</div>
</body>
<footer></footer>
凡躯应该放弃的身体下面,而不是由机构或其子女的CSS的影响。
我的目标是让页脚位于页面的底部,而不管页面内容包含多少或多少内容。这个CSS应该是诀窍:
body, html {
height: 100vh;
}
.wrapper {
min-height: 96vh;
position: relative;
}
footer {
width: 100%;
height: 4vh;
position: relative;
bottom: 0;
font-size: .75em;
}
在我的浏览器检查中,页脚包含在body标签中。这没有意义。此外,页脚显示其宽度与视口相同,但不反映演示模型中的宽度。相反,它的左边框位于页面的左侧,在右侧有大约10%的空白区域。设置backround-color: yellow
证实了这一点。最后,除非<myContent>
将其推到屏幕视图的下方,否则该位置将无法进入底部。
这个设置有什么问题?