[解決済み】divの重なりについて
2022-01-25 18:03:15
質問
以下のような、重なり合う2つのdivが必要です。
------------------------------------
| | |
| ------------------ | |
| ' '| |
| ' '| |
| ' '| |
| ' '| |
| ' '| |
| ' '| |
| ' '| |
| --------------------| |
| ' '| |
| ' '| |
| -------------------| |
| | |
| | |
------------------------------------
しかし、なぜか取得できない。 ここがいじくりまわしているところです。 どこで間違っているのか、どなたか教えてください。
1を編集します。 左のDivと右のDivがあります。左のdivには、オーバーラップするdivがあります。右のdivは普通のdivです。左のdivの中に2つのdivがあり、それらをオーバーラップさせる必要があるのです。
みなさんを混乱させてすみませんでした。
解決方法は?
こんな感じでいいんじゃないでしょうか。
html
<div class="parent">
<div class="a"></div>
<div class="b"></div>
</div>
css
.parent {
position: relative;
}
.a {
position: absolute;
width: 100px;
height: 100px;
z-index: 100;
background: red;
}
.b {
position: absolute;
width: 80px;
height: 180px;
z-index: 110;
left: 10px;
background: blue;
top: 10px;
}
編集:あなたの場合 parent = contentContainer, a/b = leftContainer/rightContainer
関連
-
[解決済み】サイドバーの位置を変更する
-
[解決済み】ボックスにサイズ/部分的なボーダーを宣言する方法はありますか?
-
[解決済み] リンクにアニメーションGIFを表示し、ホバーとリセットで再生する方法
-
[解決済み] FontAwesomeによる星評価用CSS
-
[解決済み] マージン/パディングが機能しない
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] DjangoのCSSが更新されない
-
[解決済み] JavaFX Labelの文字色を変更する方法
-
[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)
-
[解決済み] フレックスコンテナ内の残りの高さまたは幅を埋める
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】@font-faceが機能しない。
-
[解決済み】Google Chromeでレスポンシブメディアクエリが機能しない件
-
[解決済み】Rails: Sprockets::Rails::Helper::AssetNotPrecompiled の開発中。
-
[解決済み] CSSを使用します。ウィンドウの幅の50%の背景色を設定する
-
[解決済み] DIVを重ねる?
-
[解決済み] Bootstrapのポップオーバーの幅を変更する
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] モバイル端末でCSSを使用したフルハイトの背景画像
-
[解決済み] 要素を移動せずにホバー時にCSSボーダーを追加する [複製]
-
[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)