解决神奇的页脚问题

发布于 2024-10-12 14:04:09 字数 246 浏览 3 评论 0原文

如果您快速浏览一下我正在设计的这个网站: http://milabalami.com

页脚中看到的黑线是我想要修复的一个。无论如何,我可以将该页脚放在页面内容(包装器)的底部吗?自从表格的黄金时代以来,我就没有做过任何网页设计,所以 CSS 对我来说还很陌生。

有谁可以帮助这位老人吗?请在回复中具体说明,因为我是 CSS 样式新手......

If you have a quick look at this website that I am designing: http://milabalami.com

The blackline seen in the footer is the one that I want to fix. Is there anyway that I can put that footer at the bottom of the content (wrapper) of the page? I have not done any webdesigning since the golden days of tables so CSS is quite new to me.

Anyone that could assist this old man? Please be specific in any reply as I am new to CSS styling...

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

扫码二维码加入Web技术交流群

发布评论

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

评论(3

灯角 2024-10-19 14:04:09

你的意思是你想消除包装纸和黑线之间的间隙?如果是,只需将 #blackbox2 边距更改为 margin: 0 auto 15px;

you mean that you want to eliminate the gap between wrapper and the black line? If yes just change the #blackbox2 margin to margin: 0 auto 15px;

⒈起吃苦の倖褔 2024-10-19 14:04:09

您有:

#blackbox2 {
background-color: black;
bottom: 0%;
height: 33px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 11%;
position: relative;
top: auto;
width: 900px;
z-index: 12;
}

尝试删除 margin-top: 11%。这与“父高度的 11%”匹配,这就是为什么您的 blackbox2 距离其上方的包装器如此远的原因。

You have:

#blackbox2 {
background-color: black;
bottom: 0%;
height: 33px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 11%;
position: relative;
top: auto;
width: 900px;
z-index: 12;
}

Try removing margin-top: 11%. This matches to '11% of the parent height', which is why your blackbox2 is so far from the wrapper above it.

月亮是我掰弯的 2024-10-19 14:04:09

这是否可以解决您的问题 - http://www.cssstickyfooter.com/

Does this solve your problem — http://www.cssstickyfooter.com/ ?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文