Question

我需要我的侧边栏有一个完整的高度，还包含一个背景图像。

Here's the link to what I have so far. 这是我的CSS：

/* Sidebar */
#sidebar {
background-color: #e7d9c9;
    background-image: url('/imgs/map.png');
    background-repeat: no-repeat;
width: 318px;
height: auto;
float: left;
padding-bottom: 20px;
}

#sidebar h1 {
border-bottom: thick;
border-bottom-width: 75%;
}

.sidetext {
    padding: 5px 20px;
    font-size: 18px;
    font-family: Helvetica Neue;
    padding-bottom: 20px;
}

.sidelink {
    padding-bottom: 20px;
    margin: 0;
    padding: 0; 
    width:300px;
}

.sidelink ul {
    margin: 0; 
    padding: 0;
    margin-left: 20px;
}

.sidelink li {
    display: block;
    list-style: none;
}

.sidelink li a {
    display:block;
    font-family: Helvetica Neue;
    font-size:16px;
    color:#FFF;
    text-decoration:none;
    background-color:#1e416f;
    padding:5px;
    border-left:10px solid #FFF;
    padding-bottom: 20px;
}

.sidelink li a:hover {
    border-left:14px solid #1e416f;
    background-color:#e7d9c9;
    color: #1e416f;
}

h5 {
    font-family: Helvetica Neue: Light;
    font-size: 24px;
    color: #517f9c;
}

如果有人可以帮助我说“侧边栏h1”的部分，它也会 awesome 。我想在这里完成的是，在每个h1之后，我在底部边界之后的h1和20px空间下获得轻微的底部边界20px。它也与文本和链接的其余部分（20px左和20px右）一致，但我不认为它会是75％。谢谢！

Answer 1

如果你谈论的是将高度与另一个师或身体的总高度相对应的话。

如果你在谈论一个师，你需要相对于身体指定一个师，而另一个师在内部与高度为100％的属性签名

如果你想让身高达到身体的100％，那么在做绝对位置之后就做100％。这将是有效的。

全高侧边栏与背景图像

1 个答案: