1

私は教育ページに取り組んでいますが、解決方法がよくわからないという問題に直面しました。ここでわかるように：jsFiddle黄色のボックスは左側の青い境界線よりもはるかに大きいので、左側の点線のオレンジ色の境界線のように、黄色のボックス（メールの例）と一緒に青い境界線を下に移動する必要があります。、、でそれを解決する方法はありCSSますHTMLか？

4

2 に答える 2

0

example-containerクラスの高さで遊ぶことでうまくいきます。オレンジ色の境界線のように完全に下に移動したいので、height: 295px;機能します。 http://jsfiddle.net/xbcBz/1/

.example-container {
    border-left: dotted 5px #2491F5;
    padding:5px;
    height: 295px;
}
于 2013-03-12T21:20:02.643 に答える
0

コードにはたくさんのエラーがあります。

同じIDを複数の要素に指定することはできません#col-2。

divにクラスを指定し.example、次にその子段落に同じクラスを指定したので、各段落に高さを指定し、親がその高さを取得したため、この要素には。しか含まれていないため、境界線は拡大されません32px height。

それで...

.example {
    /* background-image: url(../images/note_bg-line.jpg) repeat-y; */
    background-color: yellow;
}

次に、段落に。を持つ別のクラスを与えます32px height。

このように段落を指定しました...

<p class="p example"></p>

これを削除しp exampleて、CSSで使用してください。

.example p {
        padding-top: 19px;
    padding-left: 70px;
    margin: -19px 0 0 0;
        height:32px;
}

あなたは望ましい効果を得るでしょう...

于 2013-03-12T22:47:02.777 に答える