与网站边界没有冲突的页脚?

时间:2016-06-14 07:18:35

标签: html css

所以我一直试图为这个网站做一个页脚我一直在为一个班级工作,但我似乎无法找到一个有效的解决方案。我的问题是页脚通常会重叠我网站的边框,如果他们没有我要放入页脚的文本,那么就会进入边框。我尝试了很多页脚,但似乎没有一个符合我的要求。

html {
background-color:silver;
border:9px black solid;
margin:0px; padding:0px; width:auto; height:auto;
}

这是创建边框的CSS,如果需要提供更多信息,请问我!

1 个答案:

答案 0 :(得分:0)

如果要为整个页面设置边框,则不应在html上设置它。看起来应该更像这样。

<html>
     <body>
          <div class="wrapper">
          <footer class="footer"> </footer>
          </div>
     </body>
</html>

和css:

.wrapper {
border:1px solid black:
z-index: 1000;
}

.footer {
z-index: 1;
}