如果你去我的网站:website 你会看到标题的顶部黑线。底部黑线是页脚。 中间部分是内容,在内容中我做了专栏。现在我要做的是让页脚粘到页面底部而不显示滚动条。然后我试图让列向下到页脚。但不是通过将最小高度更改为更高。我希望列总是对页脚做。这样列背景就会一直到页脚。
以下是我需要的图片picture
这是我的css和html
html,body {
height:100%;}
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
margin:0;
font-size: 15px;
font-weight: 400;
line-height: 157%;
color: #666666;
padding:0;
}
.content {
min-height: 0;
background-color: #9E959E;
height: calc(100% - 50px); /* add this */ }
.footer {
min-height: 25px;
margin-left: auto;
margin-right: auto;
background-color:#000000;
clear: both;
position:fixed;
right:0px;
left:0px;
bottom:0px;
}
.header {
min-height:300px;
background-color:#000000;
}
@media only screen and (min-width : 768px) {
.header {
min-height: 25px;
}
}
@media only screen and (min-width : 992px) {
.header {
min-height: 25px;
}
}
<body>
<div class="header">
</div> <div class="content">
<div class="page-content">
<div class="column_4"></div>
<div class="column_5"></div>
<div class="column_6"></div>
<div class="column_7"></div>
</div> </div>
<div class="footer">
</div> <div style="display:none">
</div></body>
答案 0 :(得分:0)
我在您的网站上找到了这个CSS:http://bravocreations.com/wp/wp-content/themes/WordPress-Site7/page.css?ver=4.1.1
您可能需要考虑将高度属性更改为例如100%来自600px和700px
您可能还想安装FireBug,因此您可以快速找到负责此类问题的CSS
因为代码非常长,我把它放在pastebin上