我的网站上有一个内容框,将空白推到背景图像下方,将页脚向下推得很远。如何设计我的 CSS 以使我的内容框保持最大高度但仍然可以包含大量内容?我已经尝试了一些东西,但它制作了一个非常丑陋的第二个滚动条,看起来真的很业余。
我还希望页脚贴在页面底部。希望这不是在一个问题上问太多。
添加到 jsfiddle 的链接...
http://jsfiddle.net/theflyingmouse/XU455/
.hentry {
word-wrap: break-word;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
width: auto;
}
.site-footer {
clear: both;
width: 100%;
background-color: #ffffff;
height: 72px;
}
body.custom-background {
background-size: cover;
}
.site-main {
padding-top: 10px;
margin-left: 25px;
margin-right: 25px;
background-color: rgba(33, 43, 40, 0.42);
width: 70%;
opacity: 0.95;
height: auto;
border-radius: 20px;
}