将页脚换行扩展到页面宽度
我在内容包装之外制作了页脚包装（其他所有内容都在里面）。我想让页脚换行延伸以填充页面的宽度，并且我希望将其固定在底部。代码如下：
footerWrap {
background-color:#000;
width: auto;
}
footer {
margin: auto;
text-align:center;
width:965px;
height:150px;
background-color:#000;
border:#000 inset medium;
}
该网站是 item9andthemadhatters.com 如果您需要任何其他代码或信息，请告诉我。谢谢！！
更新：
html{ 填充：0； 高度：100%； 宽度：100%； }
身体{ 边距：-1px 0 0 0； 背景颜色：#FFF； 字体系列：calibri； 背景图像：url(images/item9HeaderSideFiller.gif); 背景重复：重复-x； 填充：0； 高度：100%； 宽度：100%； }
换行 {
width: 965px;
margin:auto auto;
min-height:462px;
max-height:4000
px;
页脚换行 {
background-color:#000;
position:absolute;
bottom:0;
width:100%
}
页脚 {
margin: auto;
text-align:center;
width:965px;
height:150px;
background-color:#000;
}
}
I've made a footer wrap outside the content wrap (which everything else is in). I would like to make the footer wrap extend to fill the width of the page and I would like it to be fixed on the bottom. Here's the code:
footerWrap {
background-color:#000;
width: auto;
}
footer {
margin: auto;
text-align:center;
width:965px;
height:150px;
background-color:#000;
border:#000 inset medium;
}
The website is item9andthemadhatters.com please let me know if you need any other code or info. Thanks!!
update:
html {
padding:0;
height:100%;
width: 100%;
}
body{
margin: -1px 0 0 0;
background-color:#FFF;
font-family: calibri;
background-image:url(images/item9HeaderSideFiller.gif);
background-repeat: repeat-x;
padding:0;
height:100%;
width: 100%;
}
wrap {
width: 965px;
margin:auto auto;
min-height:462px;
max-height:4000
px;
footerWrap {
background-color:#000;
position:absolute;
bottom:0;
width:100%
}
footer {
margin: auto;
text-align:center;
width:965px;
height:150px;
background-color:#000;
}
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
填充页面
要留在页面底部，解决方案可能会
注意到，在正文和 html 中，您必须设置
To fill the page
To stay at the bottom of the page a solution could be
notice that in both body and html you have to set
尝试在 footerWrap 中使用
width:100%。另外，固定在底部是什么意思？您的意思是页脚应该始终位于屏幕底部，即使滚动时也是如此？或者您的意思是它应该始终位于页面底部？Try
width:100%in footerWrap. Also, what do you mean by fixed on the bottom? Do you mean the footer should always be at the bottom of the screen, even when scrolling? Or do you mean it should always be at the bottom of the page?