在我的html中我有一个div class“footer”.我想要一个bg到#000,并占据整个页面宽度,后面没有空白的空格.
我正在使用这个CSS：
.footer {
color: #fff;
clear: both;
margin: 0em 0em 0em 0em;
padding: 0.75em 0.75em;
background: #000;
position: relative;
top: 490px;
border-top: 1px solid #000;
}
任何帮助？谢谢！
解决方法
我使用粘贴页脚：
http://ryanfait.com/sticky-footer/
* {
margin: 0;
}
html,body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer,.push {
height: 142px; /* .push must be the same height as .footer */
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
HTML：
<div class='wrapper'>
body goes here
<div class='push'></div>
</div>
<div class='footer'>Footer!</div>
基本上,包装物的高度为100％,页脚的高度保证页脚总是在底部,而不会产生滚动.
这样做应该可以实现您的目标是拥有一个100％宽度的页脚和较窄的身体,因为div是块级别的元素,并且它们的宽度默认为其父级的100％.请记住,这里的页脚不包含在包装div中.
