gpt4 book ai didi

css - 为什么这个页脚不在内容的末尾?

转载 作者:行者123 更新时间:2023-11-28 15:35:49 24 4
gpt4 key购买 nike

主要标记

<body>
<div id="contenedor">
....
</div>
<div class="fLeft"> <footer > ... </footer> </div>
</body>

CSS

body{
}
#contenedor{ float: left; width:100%;}
.fLeft{ float:left }

我想最好的方法是 firebug 页面..

http://209.51.221.243/integracion/login.php

如您所见,页脚位于内容后面页面中间的上方...

最佳答案

一开始,我以为可能是你没有清除你的 float 。但后来我注意到每个 float 元素都是绝对定位的。通过申请position:absolute到一个元素,你把它从文档流中剥离出来。解决此问题的最佳方法是删除 position:absolute来自您的“小部件”,但是您的设计将不会像您当前拥有的那样显示。

解决您的局限性的一个想法/建议是将页脚固定在页面底部。将以下内容应用于 <footer> :

footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

您会注意到,当您在页面上滚动时,您的页脚会留在原处,这很可能不太理想,但我可以保证它会留在页面底部。否则,您会因为滥用某些属性而考虑重新设计您的样式。

关于css - 为什么这个页脚不在内容的末尾?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12180193/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com