当前位置：文江博客话题详情

CSS 问题 - 页脚太长？

发布于 2024-12-11 05:06:41 字数 326 浏览 0 评论 0原文

我在该网站的页脚方面遇到了一些问题。我正在寻找它有一个设定的最小高度并流到页面底部，无论分辨率如何。有点像粘性页脚，但我希望它能抵住其上方容器 div 的末端。

该问题在所有现代浏览器（Safari、Chrome、IE 和 Firefox）中都是一致的。

CSS 太多，无法在此处发布，但 Firebug 或视图源将显示相应的样式。任何帮助将不胜感激。

http://034732e.netsolhost.com/gdlsk_joomla/

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

爱情眠于流年 2024-12-18 05:06:41

感谢您的屏幕截图。你的描述现在更有意义了。我会做以下事情。现在你有类似的事情

<body>
  <page>
     <header />
     <bodycontent />
  </page>
  <footer />
<body>

我会考虑这样的事情

<body height: 100%;>
    <page height: 100%; background: gray;>
      <header background: black; />
      <bodycontent background: black; />
      <footer />
    </page>
<body>

基本上我们所做的是将正文和页面设置为 100%，这意味着它们占据整个屏幕。页面使用与页脚相同的背景颜色。最后，我们将 header 和 bodycontent 设置为黑色背景，以便它们覆盖页面的灰色。

Thanks for the screenshot. Your description makes more sense now. I would do the following. Right now you have something like

<body>
  <page>
     <header />
     <bodycontent />
  </page>
  <footer />
<body>

I would consider something like this

<body height: 100%;>
    <page height: 100%; background: gray;>
      <header background: black; />
      <bodycontent background: black; />
      <footer />
    </page>
<body>

Basically what we do is set body and page to 100% which means they take up the entire screen. Page uses the same bg color as the footer. Finally we set header and bodycontent to have black backgrounds so that they cover up the Page's gray.

回复收藏 0 原文

晨敛清荷 2024-12-18 05:06:41

在页脚上指定 100% 高度并没有达到您的预期。您告诉它您希望高度为身体的 100%，它不仅仅“扩展以填充”剩余空间。它实际上是 100% 高度，加上您添加的所有其他内容。它达到了 150 像素或更高的最小高度。

回复收藏 0 原文

山色无中 2024-12-18 05:06:41

尝试在 css 中进行以下更改：

body > #page {
height: 100%;
}

@#footer: remove-> property top:0;
add-> property bottom:0;

try this changes in you css:

body > #page {
height: 100%;
}

@#footer: remove-> property top:0;
add-> property bottom:0;

回复收藏 0 原文

或十年 2024-12-18 05:06:41

我遇到了类似的问题，它应该如下所示：

HTML

<footer id="wrapper" class="main_footer">
    <nav>
      <a href="#">A</a>
      <a href="#">B</a>
      <a href="#">C</a>
   </nav>
</footer>

CSS

#wrapper {
 position: absolute;
 width: 100%;
 }

I was having a similar issue, it should look like this:

HTML

<footer id="wrapper" class="main_footer">
    <nav>
      <a href="#">A</a>
      <a href="#">B</a>
      <a href="#">C</a>
   </nav>
</footer>

CSS

#wrapper {
 position: absolute;
 width: 100%;
 }

回复收藏 0 原文

~没有更多了~

关于作者

止于盛夏

暂无简介

0 文章

0 评论

24 人气

关注发私信

友情链接

文江博客

CSS 问题 - 页脚太长？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（4）

关于作者

相关话题

热门标签

推荐作者

胡图图

zt006

z祗昰~

冰葑

野の

天空

友情链接

CSS 问题 - 页脚太长？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（4）

关于作者

相关话题

热门标签

推荐作者

胡图图

zt006

z祗昰~

冰葑

野の

天空

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。