CSS 是网页设计中不可或缺的一个部分,它可以用来控制页面的布局和样式。但有时候我们会遇到一些问题,比如底部的 div 被覆盖了。下面我们来看一下这个问题的解决方法。首先,在 HTML 中,我们可以使
<br> <br>
<div class="wrapper"><br>
<div class="header">Header</div><br>
<div class="content">Content</div><br>
<div class="footer">Footer</div><br>
</div><br>
.wrapper {<br>
height: 100%;<br>
position: relative;<br>
}<br>
.header {<br>
height: 50px;<br>
background-color: #ccc;<br>
}<br>
.content {<br>
height: calc(100% - 100px);<br>
background-color: #fff;<br>
}<br>
.footer {<br>
position: absolute;<br>
bottom: 0;<br>
width: 100%;<br>
height: 50px;<br>
background-color: #333;<br>
}<br>
粉丝
0
关注
0
收藏
0