修正了一些CSS的位置,我想让它在绝对的底部,而主体则在它的上方。

问题描述 投票:0回答:2

我把一个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>
html css drupal
2个回答
3
投票

给正文的底部填充等于div的高度。

body{
    padding-bottom:2em;
}

但你也必须在你的代码中修改以下内容 top: 95%;bottom:0;#fixed 规则,因为不知道高度,所以剩余的 5% 可能少于 2em div的高度 (它使div移动到体外 。).

演示在 http:/jsfiddle.netgabycvxtk1


0
投票

你要把固定的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;
}
© www.soinside.com 2019 - 2024. All rights reserved.