ネストされた絶対配置により、要素が祖父母ではなく親を参照するのはなぜですか?
2024 年 11 月 7 日に公開
ブラウズ：655
ネストされた配置: 絶対内の絶対位置
ネストされた絶対位置の要素は、CSS で予期しない動作を示す可能性があります。次のシナリオを考えてみましょう:
- 最初の div (#1st) の位置: 相対
- 2 番目の div (#2nd) は #1st を基準にして絶対的に配置されます
- A 3 番目の div (#3rd) は #2nd 内に絶対的に配置されています
Q: #3rd は #1st ではなく #2nd に対して絶対的に配置されているのはなぜですか?
A: 絶対位置の要素内のposition:Absolute により、その子の相対位置がリセットされるためです。
このプロパティは、#1st の #3rd の相対位置を効果的にオーバーライドし、絶対相対位置にします。その直接の親である #2nd.
#3rd が #1st を基準にして絶対的に配置される目的の動作を実現するには、#3rd を #1st.
の直接の子にする必要があります。
最新のチュートリアル
もっと>
-
PHPを使用してXMLファイルから属性値を効率的に取得するにはどうすればよいですか？XMLファイルから属性値をPHP の取得します。提供されている例のような属性を含むXMLファイルを使用する場合： $xml = simplexml_load_file($file); foreach ($xml->Var[0]->attributes() as $att...プログラミング 2025-03-09に投稿 -
McRyptからOpenSSLに暗号化を移行し、OpenSSLを使用してMcRyptで暗号化されたデータを復号化できますか？暗号化ライブラリをMcRyptからOpenSSL にアップグレードして、暗号化ライブラリをMcRyptからOpenSLにアップグレードできますか？ OpenSSLでは、McRyptで暗号化されたデータを復号化することは可能ですか？ 2つの異なる投稿は矛盾する情報を提供します。もしそうなら...プログラミング 2025-03-09に投稿
-
PHPの配列からランダムな要素をどのように抽出しますか？配列からのランダム選択 は、配列からランダムなアイテムを取得することができます。次の配列を検討してください： $items = [523, 3452, 334, 31, 5346]; この配列からランダムなアイテムを取得するために、array_rand（）関数を利用することは効果的なソリューシ...プログラミング 2025-03-09に投稿
-
さまざまな数の列を持つデータベーステーブルを結合するにはどうすればよいですか？異なる列とのテーブルを組み合わせた ] は、データベーステーブルを異なる列とマージしようとする場合に課題に遭遇する可能性があります。簡単な方法は、列が少ないテーブルに欠落している列にnull値を追加することです。 たとえば、表Aの2つの表Aと表Bを検討してください。表Aには、表Bよりも多く...プログラミング 2025-03-09に投稿
-
Microsoft Visual C ++が2フェーズテンプレートのインスタンス化を正しく実装できないのはなぜですか？Microsoft Visual Cの「壊れた」2フェーズテンプレートのインスタンス化の謎 問題声明： ユーザーは、Microsoft Visual C（MSVC）の懸念を表現する一般的な懸念を表明します。メカニズムの特定の側面は、予想どおりに動作できませんか？ただし、このチェックがテンプ...プログラミング 2025-03-09に投稿
-
オブジェクトフィット：IEとEdgeでカバーが失敗します、修正方法は？object-fit：カバーがIEとEDGEで失敗します。 CSSでは、一貫した画像の高さを維持するために、ブラウザ全体でシームレスに動作します。ただし、IEとEdgeでは、独特の問題が発生します。ブラウザをスケーリングすると、画像は高さをズームするのではなく幅でサイズを変更し、外観を歪め...プログラミング 2025-03-09に投稿
-
Firefoxバックボタンを使用すると、JavaScriptの実行が停止するのはなぜですか？navigational Historyの問題：JavaScriptは、Firefoxバックボタンを使用した後に実行を停止します firefoxユーザーは、JavaScriptスクリプトが以前の訪問ページを介して回復したときに実行されない問題に遭遇する可能性があります。この問題は、Ch...プログラミング 2025-03-09に投稿
-
Pythonの文字列から絵文字を削除する方法：一般的なエラーを修正するための初心者のガイド？emojisをpython emojisの除去する絵文字を削除するための提供されたPythonコードは、構文誤差が含まれているため失敗します。 Unicode文字列は、Python 2のU ''プレフィックスを使用して指定する必要があります。さらに、Re.Unicod...プログラミング 2025-03-09に投稿
-
\ "while（1）vs。for（;;）：コンパイラの最適化はパフォーマンスの違いを排除しますか？\"while（1）vs。for（;;）：速度の違いはありますか？ loops？ 回答： では、ほとんどの最新のコンパイラでは、（1）と（;;）。コンパイラー： perl： の両方が（1）と（;;）が同じオプコードをもたらします。 1 入力 - > 2を入力します 2 NextSt...プログラミング 2025-03-09に投稿
-
Java文字列に複数のサブストリングを効率的に交換するにはどうすればよいですか？java で複数のサブストリングを弦の複数のサブストリングを置き換えると、文字列内の複数のサブストリングを置き換える必要性に直面すると、弦楽列の方法を繰り返し担当するブルートのアプローチに頼ることに魅力的です。ただし、これは大きな文字列や多数の文字列を使用する場合は非効率的です。正規表...プログラミング 2025-03-09に投稿
-
PostgreSQLの各一意の識別子の最後の行を効率的に取得するにはどうすればよいですか？postgresql：各一意の識別子の最後の行 を抽出します。次のデータを検討してください： select distinct on (id) id, date, another_info from the_table order by id, date desc; データセット内の一...プログラミング 2025-03-09に投稿
-
純粋なCSSでは、複数の粘着性要素を互いに積み重ねることができますか？純粋なCSSで複数の粘着性要素を互いに積み重ねることは可能ですか？ここ： https://webthemez.com/demo/sticky-multi-header-scroll/index.html JavaScriptの実装ではなく、純粋なCSSを使用することのみです。複数の粘...プログラミング 2025-03-09に投稿
-
なぜ私のCSSの背景画像が現れるのですか？トラブルシューティング：css背景画像が表示されない チュートリアルの指示にもかかわらず、背景画像が読み込まれない問題に遭遇しました。画像とスタイルのシートは同じディレクトリに存在していますが、背景は空白の白いキャンバスのままです。画像ファイル名を囲む引用： background-ima...プログラミング 2025-03-09に投稿
-
データ挿入時の「一般エラー: 2006 MySQL サーバーが消えました」を修正するにはどうすればよいですか?レコードの挿入中に「一般エラー: 2006 MySQL サーバーが消えました」を解決する方法はじめに:MySQL データベースにデータを挿入すると、「一般エラー: 2006 MySQL サーバーが消えました。」というエラーが発生することがあります。このエラーは、通常、MySQL 構成内の 2 つの変...プログラミング 2025-03-09に投稿
中国語を勉強する
- 1 「歩く」は中国語で何と言いますか？ 走路 中国語の発音、走路 中国語学習
- 2 「飛行機に乗る」は中国語で何と言いますか？ 坐飞机 中国語の発音、坐飞机 中国語学習
- 3 「電車に乗る」は中国語で何と言いますか？ 坐火车 中国語の発音、坐火车 中国語学習
- 4 「バスに乗る」は中国語で何と言いますか？ 坐车 中国語の発音、坐车 中国語学習
- 5 中国語でドライブは何と言うでしょう？ 开车 中国語の発音、开车 中国語学習
- 6 水泳は中国語で何と言うでしょう？ 游泳 中国語の発音、游泳 中国語学習
- 7 中国語で自転車に乗るってなんて言うの？ 骑自行车 中国語の発音、骑自行车 中国語学習
- 8 中国語で挨拶はなんて言うの？ 你好中国語の発音、你好中国語学習
- 9 中国語でありがとうってなんて言うの？ 谢谢中国語の発音、谢谢中国語学習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
