gpt4 book ai didi

html - CSS:页面底部的位置元素(不可见窗口)

转载 作者:行者123 更新时间:2023-11-28 13:42:36 25 4
gpt4 key购买 nike

http://jsfiddle.net/vol7ron/bKWtM/

<body>
<div id="head"></div>
<div id="body"></div>
<div id="foot"></div>
</body>

body   { padding:0;margin:0;}
#head { position:absolute; height:20px; width:100%; background:#900; top:0; }
#foot { position:absolute; height:20px; width:100%; background:#090; bottom:0; }
#body { position:absolute; top:0; z-index:2;}

// filler
for (var i=1,n=50;i<=n;i++){
$('#body').append('<div>' + i + ' (filler) </div>');
}

我想做的是将页脚放在文档的最底部,而不是打开的窗口。所以绿色条会出现在第 50 行之后,不会出现在打开的 View 中。

我正在寻找经典布局,如果没有绝对定位,页眉将位于顶部,然后是正文,然后您必须滚动才能查看页脚。唯一的区别是我希望正文与标题重叠(因此绝对定位)。

注意:

  1. 我不希望页脚有固定的位置。
  2. 我不想使用 JavaScript

如有任何帮助,我们将不胜感激。

最佳答案

您已经让自己变得不必要地复杂化了。如果您的唯一目标是将主体与标题重叠,那么您可以只使用负边距。然后,您可以让所有内容保持静态定位。

工作示例:http://jsfiddle.net/uaBpx/1/

否则,我无法想到将某些内容放在文档底部,因为您示例中的文档高度实际上是 0px。一旦你拉出所有内容(通过绝对定位),就没有高度了。

关于html - CSS:页面底部的位置元素(不可见窗口),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6991407/

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