0

私はグーグルでCSSを使用して要素を配置する方法を探していましたが、問題を解決するのに問題があります。

私がやろうとしていることの良い例は次のとおりです。

私は2つのdivを持っています、

<div class="A"></div>
<div class="B"></div>

CSSを使用してdivクラスAの上にdivクラスBを表示したい。私の質問は、HTMLを変更せずにCSSだけを使用してAの上にBを表示することは可能ですか？または、Aの上にBを表示して、Bのdiv HTMLをAのそれより上に配置する唯一の方法はありますか？

4

5 に答える 5

1

これがあなたの答えです。

.a, .b { 位置: 絶対;

}
.a {
top:50px;
}
于 2013-01-07T07:16:31.273 に答える
1

このようなcssを使用できます

.A,.B{
width: 48%;
float: right;
}

.A {
background-color: #ffa;
}

.B{
background-color: #0f0;
}

デモこれを参照してください

于 2013-01-07T07:31:00.127 に答える
0

これを使って

.B{

margin-top:-50px;
}
于 2013-01-07T07:24:36.783 に答える
0

可能ですが、何を達成しようとしているかによって異なります。それでも最善の方法は、単純に B div を前に置くことです。もう 1 つの方法は、ポジショニングです。両方の position:absolute は正常に機能しますが、要素の正確な幅と高さを知る必要があります。たとえば、両方に高さ: 50px と幅: 50px がある場合、コードは次のようになります。

.a {
height: 50px;
width: 50px;
position:absolute; 
top: 50px;
left: 0;
}

.b {
height: 50px;
width: 50px;
position: absolute; 
top: 0px;
left: 0;
}

もう 1 つの方法は、要素 B のマージン マイナスを使用する方法です。

.a {
height: 50px;
width: 50px;
margin-top: 50px;
}

.b {
margin-top: -100px;
height: 50px;
width: 50px;
}
于 2013-01-07T07:18:12.980 に答える
0

これを行う方法は次のとおりです。

#wrapper { 
     position: relative; 
     }

    #firstDiv { 
     position: absolute; 
     height: 100px; 
     top: 110px; 
     }

    #secondDiv { 
     position: absolute; 
     height: 100px; 
     top: 0; 
     }

より多くの方法については、これを試してください

于 2013-01-07T07:25:38.577 に答える