0

我的网站上有一个内容框,将空白推到背景图像下方,将页脚向下推得很远。如何设计我的 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;
}
4

0 回答 0