在一个没有使用BOOTSTRAP或任何其他样板的HTML5网页中,我有3个DIVS:
- 标题
- 内容
- 页脚
<HTML> <BODY> <DIV name="HEADER" id="HEADER"><CENTER></CENTER></DIV> <DIV name="CONTENT" id="CONTENT"><CENTER></CENTER></DIV> <DIV name="FOOTER" id="FOOTER"><CENTER></CENTER></DIV> </HTML> </BODY>
如何将HEADER固定在页面顶部,将FOOTER固定在底部,同时允许内容自由滚动?页眉和页脚不能显示滚动条。页眉和页脚必须各有100px的高度,并且都必须位于CONTENT DIV的顶部。3个div的元素必须是活动的(用户必须能够点击任何链接(
我正在寻找最简单的HTML代码,适用于大多数当前的浏览器,桌面和移动设备。
谢谢gabriel
header, footer {
position: fixed;
min-height: 100px;
}
header {
top: 0;
}
footer {
bottom: 0;
}
main {
margin-top: 100px;
}
<!DOCTYPE html>
<header></header>
<main>
<section> Content </section>
</main>
<footer></footer>