【问题标题】:Extend footer wrap to width of page将页脚换行扩展到页面宽度
【发布时间】:2011-06-08 19:14:23
【问题描述】:

我在内容换行之外做了一个页脚换行(其他所有内容都在其中)。我想让页脚换行扩展以填充页面的宽度,我希望它固定在底部。代码如下:

footerWrap {

background-color:#000;
width: auto;

}

页脚{

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(图像/item9HeaderSideFiller.gif); 背景重复:重复-x; 填充:0; 高度:100%; 宽度:100%; }

包装{

width: 965px;
margin:auto auto;
min-height:462px;
max-height:4000

像素;

footerWrap {

background-color:#000;
position:absolute;
bottom:0;
width:100%

}

页脚{

margin: auto;
text-align:center;
width:965px;
height:150px;
background-color:#000;

}

}

【问题讨论】:

  • #footerWrap { 背景颜色:#000;位置:绝对;底部:0;宽度:100% } #footer { 边距:自动;文本对齐:居中;宽度:965px;高度:150px;背景颜色:#000; }
  • html { 填充:0;高度:100%;宽度:100%; } body{ 边距:-1px 0 0 0;背景颜色:#FFF;字体系列:calibri;背景图像:url(图像/item9HeaderSideFiller.gif);背景重复:重复-x;填充:0;高度:100%;宽度:100%; } #wrap { 宽度:965px;边距:自动自动;最小高度:462px;最大高度:4000px; }

标签: html css shtml


【解决方案1】:

在footerWrap 中尝试width:100%。另外,固定在底部是什么意思?您的意思是页脚应该始终位于屏幕底部,即使在滚动时也是如此?还是您的意思是它应该始终位于页面底部?

【讨论】:

  • 我的意思是它应该总是在底部,所以它和浏览器窗口之间没有空格。我尝试将宽度更改为 100%,但没有。我将编辑我的问题并发布更多代码。感谢您的帮助!
  • 拿着手机!现在可以了。感谢大家的帮助!
【解决方案2】:

填满页面

width:100%

要留在页面底部,解决方案可能是

position:absolute;
bottom:0;

注意在正文和html中你必须设置

padding:0
height:100%;

【讨论】:

  • 感谢您的帮助!这没有用。我会发布更多代码。
  • @hawkeye126 ,我检查了你的网站。页脚在包装内!您必须将其作为 body 元素的直接子元素
  • 感谢您的帮助。据我所知,我在 wrap div 之后有页脚 wrap div。如果不是,我只是再次上传了更新的代码。如何将它作为 body 元素的直接子元素?再次感谢您的帮助,我想它已经接近了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-04-02
  • 1970-01-01
  • 2018-05-10
  • 2020-05-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多