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

高さを別の部門または本体の高さの合計に割り当てることについて話している場合は、Idk.

分割について話している場合は、高さ 100% のプロパティが割り当てられた内部の別の分割を使用して、ボディに関連する分割を割り当てる必要があります。

高さを体の 100% にしたい場合は、絶対位置を実行した後に 100% を実行します。それはうまくいくでしょう。

于 2013-08-23T00:13:22.347 に答える