我把一个div定位在底部,但最后一部分的身体消失了,我怎么解决这个问题? 谢谢:D
#fixed {
position: fixed;
width:100%;
top: 95%;
height:2em;
left: 0px;
display:block;
color: #F0F8FF;
background-color:#00008B;
}
<body>
<div id="fixed">
Login Login
</div>
<dv id="content-box">
<p>KAKAK</p>
<p>KAKAK</p><p>KAKAK</p>
<p>KAKAK</p>
<p>KAKAK1</p>
<p>KAKAK2</p>
</div>
</body>
给正文的底部填充等于div的高度。
body{
padding-bottom:2em;
}
但你也必须在你的代码中修改以下内容 top: 95%;
到 bottom:0;
在 #fixed
规则,因为不知道高度,所以剩余的 5%
可能少于 2em
div的高度 (它使div移动到体外 。).
你要把固定的div放在底部,像这样。
<body>
<body>
<div id="content-box">
<p>KAKAK</p>
<p>KAKAK1</p>
<p>KAKAK2</p>
</div>
<div id="fixed">
Login Login
</div>
</body>
</body>
</html>
为content div添加css信息,这样看起来就像这样。
#fixed {
position: fixed;
width:100%;
bottom: 0px;
height:2em;
left: 0px;
display:block;
color: #F0F8FF;
background-color:#00008B;
}
#content-box {
padding-bottom: 20em;
}