我的页面在页脚的末尾有一个空白,但在尝试了一切之后,我认为我仍然不知所措。
由于固定的右侧导航和流畅的中间容器,我们使用“推送”类和负边距来实现可能会影响它的相等列。
这是CSS:
#main-content {
margin: 0 5% -100px;
min-width: 960px;
max-width: 1137px;
overflow: hidden;
min-height: 100%;
}
.right-nav {
float: right;
width: 31.5%;
border-left: 1px solid #DDD;
padding-top: 1.5em;
padding-bottom: 10040px;
margin-bottom: -10040px;
width: 358px;
}
#middle {
width: 67.2%;
height: 100%;
padding: 1.5em 1.2% 15px 0;
margin-bottom: 3em;
width: auto;
margin-right: 358px;
}
#footer-wrapper, #push {
height: 100px;
overflow: hidden;
}
#footer-wrapper {
clear: both;
width: 100%;
border-top: 1px solid #323232;
padding: 20px 0 0;
background: #33383C;
background: #3F4952 url("/images/bg.jpg") repeat;
}