将页脚换行延伸到页面宽度

时间:2011-01-13 21:30:11

标签: html css shtml

我在内容包装(其他所有内容)之外做了一个页脚包装。我想让页脚包裹扩展以填充页面的宽度,我希望它固定在底部。这是代码:

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;     font-family:calibri;     背景图像:网址(图像/ item9HeaderSideFiller.gif);     background-repeat:repeat-x;     填充:0;     高度:100%;     宽度:100%; }

包裹{

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

PX;

footerWrap {

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

}

页脚{

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

}

}

2 个答案:

答案 0 :(得分:2)

填写页面

width:100%

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

position:absolute;
bottom:0;

请注意,在body和html中你必须设置

padding:0
height:100%;

答案 1 :(得分:0)

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