Question

我在底部放置了一个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>

Answer 1

给身体底部填充等于div的高度。

body{
    padding-bottom:2em;
}

但您还必须在top: 95%;规则中将代码bottom:0;更改为#fixed，因为高度未知，因此剩余的5%可能会更少而不是div的2em高度（它会导致div移出身体.. ）。

演示 http://jsfiddle.net/gaby/cvxtk/1/

Answer 2

你想把固定的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>

为内容div添加css信息，使其如下所示：

#fixed {
position: fixed;
width:100%;
top: 95%;
height:2em;
left: 0px;
display:block;
color: #F0F8FF;
background-color:#00008B;
}

#content-box {
padding-bottom: 20em;
}

CSS位置固定一些;我希望它在绝对的底部和身体在它之上

2 个答案: