-1

オーバーフロープロパティを使用して、divの半分を非表示にしたくないのですが、div全体が消えました。

.line {
    position: relative;
    overflow: hidden;
}

.gl {
    position: absolute;
    right: 10px;
    width: 100%;
    height: 5px;
    background-color: green;
    display: block;

}

.rl {
    position: absolute;
    width: 100%;
    left: 30px;
    height: 5px;
    background-color: red;
    display: block;
}

そしてこのhtmlコード

<div class='m1'>
        MAIN 1
        <div class='line'><div class="rl"></div><div class='gl'></div>
        </div>
        <div class='des'>kasjfnkvanj</div>
</div>

緑と赤の両方の線を非表示にしたいのですが、親divをオーバーフローする拡張部分のみですが、すべてが非表示になります

何か助けはありますか？

4

2 に答える 2

0

緑と赤の背景ブロックを非表示にしたいが、div.desのコンテンツを表示したい。右 ？それらのdivに対してdisplay：noneを実行できます。それを望まない場合は、高さを削除して非表示にすることができます。私がこの権利を理解しているなら。

height:0;

このフィドルを確認してください。

于 2013-03-19T20:25:28.833 に答える
0

.line divから隠されたオーバーフローの緑と赤の背景が必要ですが、今回は何も表示されないため、親div（.line）の幅と高さを固定する必要があります。

.line {
    position: relative;
    overflow: hidden;
    width:100px; height:10px;
}
于 2013-03-19T20:36:37.860 に答える