CSS位置固定一些；我希望它处于绝对底部，而身体就在它之上答案

【问题标题】：CSS position fixed some ; i want it to be at absolute bottom and body to be just above itCSS位置固定一些；我希望它处于绝对底部，而身体就在它之上
【发布时间】：2011-05-03 06:32:11
【问题描述】：

我在底部放置了一个 div，但身体的最后一部分消失了。我该如何解决这个问题？

    #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 代码，我们会弄清楚发生了什么。您越具体，我们就越能提供帮助。 :)
HTML 只是垃圾邮件 :P 但我还是添加了它。退房
您删除了其中一些段落，因此当您将所有这些段落都隐藏在元素下时，它可以正常工作：/
我添加了段落并编辑了我的答案，如果对您有帮助，请告诉我。

标签： html css drupal

【解决方案1】：

为 body 赋予与 div 高度相等的底部填充。

body{
    padding-bottom:2em;
}

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

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

【讨论】：

你能给出代码吗，因为当我使用 padding-bottom 添加底部填充时，这似乎不起作用，html 放在上面
工作正常：D 谢谢。也感谢你告诉那个网站：D

【解决方案2】：

您想将固定的 div 放在底部并指定 95% 作为顶部，如下所示：

<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%;
bottom:0px;
height:2em;
left:0px;
display:block;
color:#F0F8FF;
background-color:#00008B;
}

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

【讨论】：

没有一部分仍然隐藏
哦，我明白你在说什么。你现在怎么想？您可以将#content-box div 中的 20em 更改为更大或更小的数字，具体取决于您想要多少空间。
尝试将top:95%改为bottom:0px