0

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

这是我到目前为止所拥有的链接。 这是我的 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”的部分,那也很棒。我在这里想要完成的是,在每个 h1 之后,我在 h1 下得到一个轻微的底部边框 20px,在底部边框之后得到 20px 的空间。它也将与其余的文本和链接(左 20 像素和右 20 像素)一致,但我认为不会是 75%。谢谢!

4

1 回答 1

0

如果您谈论将高度分配给另一个部门或身体的总高度,那我就不知道了。

如果您正在谈论一个部门,您需要分配一个相对于身体的部门,其中另一个部门内部分配有高度 100% 的属性

如果您希望高度为身体的 100%,则在绝对位置后执行 100%。那会很好用。

于 2013-08-23T00:13:22.347 回答