所以我有一个带有页眉、主体和页脚的网页。我希望主体填充页面的 100%(在页脚和页眉之间填充 100%)我的页脚是绝对位置,底部为:0。每次我尝试将主体设置为 100% 高度或更改位置或其他东西时,它也会溢出标题。如果将 body 设置为绝对位置top: 40
(因为我的标题是 40px 高),它只会向下 40px 太远,创建一个滚动条。
我创建了一个简单的 html 文件,因为我实际上无法从实际项目中发布整个页面/css。使用示例代码,即使 maincontent 主体填满了屏幕,它也会向下 40px 太远(我假设是标题的原因)。
html,
body {
margin: 0;
padding: 0;
}
header {
height: 40px;
width: 100%;
background-color: blue;
}
#maincontent {
background-color: green;
height: 100%;
width: 100%;
}
footer {
height: 40px;
width: 100%;
background-color: grey;
position: absolute;
bottom: 0;
}
<html>
<head>
<title>test</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header></header>
<div id="maincontent">
</div>
<footer></footer>
</body>
</html>
有人知道答案吗?