Question

我需要页脚html elemenent才能显示在页面下方（即使内容不够）。我通过谷歌搜索发现了一些解决方案，在我看来，所有这些都比他们应该更复杂（比如创建#containers of #containers ...）。这是我的HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>Footer</title>
    <meta name="author" content="Cinosarge">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <header>
        <p>THIS IS A HEADER - THIS IS A HEDER</p>
    </header>
    <section>
        <p>THIS IS A SECTION - THIS IS A SECTION</p>
    </section>
    <footer>
        <p>THIS IS A FOOTER - THIS IS A FOOTER</p>
    </footer>
</body>
</html>

这是相关的css样式：

*{
margin: 0;
padding: 0;
}

body{
position:absolute;
min-height: 100%;
width: 100%;
}

footer{
position: absolute;
bottom: 0;
width: 100%;
}

现在，这对我来说很好，但这段代码是否正确？（特别是，给身体元素一个绝对位置是一个好主意吗？使用那个css我可以遇到什么样的问题？

谢谢。

让页脚向下：这个CSS代码是否正确？

0 个答案: