html - 编辑边栏 CSS

Question

我想让侧边栏占据整个容器，我会给你一个我正在寻找的东西的截图。

This is the website.

这里有侧边栏的 CSS 代码

/* sidebar */

.sidebar {
background-color:#fff;
padding:13px; 
margin: 20px;
margin-bottom:30px;
padding-bottom:20px;
color:#000;
}

.sidebartitle {
background-color:#000;
margin-left: -13px;
margin-right: -13px;
margin-top: -16px;
padding: 20px;
padding-bottom: 20px;
margin-bottom:20px;
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
font-size:22px;
text-align:left;
color:#fff;
}

#sidebar {
    position: relative;
    float: left;
        margin-left:15px;
    width: 340px;
        margin-top:20px;
}

这里是帖子的代码

#contentmiddle {
    margin-left: 370px;
    padding: 20px 0px 0px 0px;
        width:650px;  
}

    .post {
padding:40px;
margin-top:60px;
background-color:#fff;
background-color:#fff;
background-repeat: no-repeat;
padding-top:0;
padding-bottom:0;
    }

这是容器

/* content */
#content {
    padding: 0px 20px 0px 20px;
}

#principal {  
width:940px;  
margin:0 auto;  
min-height:100%;  
height:100%;  
margin-top:60px;
}  

Answer 1

试试 width:100%;。这将使内容填充它的容器。

注意:

不适用于 position:fixed;