CSS - アンカーポイントの移動 表示:フレックスおよび位置:絶対

Flex 要素と 3 つの子要素があります。 2 番目の子は、次のように絶対位置を使用して最初の子に重なる必要があります。 予想されること: 2 番目の子は最初の子の隣ではなく、その上にある必要があることに注意してください。ただし、親にdisplay:flexを設定すると、絶対要素のアンカーポイントまたは参照ポイントがdivの先頭に移動するようです。実際の結果は次のとおりです。 実際の結果: 2 番目の子要素を最初または 3 番目の要素の中に置くことは、overflow:scroll があるため、オプションではありません。親の他の表示属性を使用する

P粉252116587 2024-03-29 23:51:55 0  2  537

子要素の配置に関する問題

.left{ 位置: 絶対;左: 0;幅: 200ピクセル;高さ: 600ピクセル;背景色: #f03333; .right{ 位置: 絶対;右: 0;幅: 750ピクセル;高さ: 600ピクセル;背景色

张 2018-03-24 21:47:26 0  1  1478

絶対位置だが親を基準とした相対位置

別の div 内に 2 つの div があり、CSS を使用して、1 つの子 div を親 div の右上隅に配置し、もう 1 つの子 div を親 div の下部に配置したいと考えています。つまり、2 つの子 div に絶対配置を使用したいのですが、ページではなく親 div を基準にして相対的に配置したいと考えています。これどうやってするの？ HTML の例: <divid="father"><divid="son1"></div><divid=

P粉395056196 2023-10-11 12:04:14 0  2  713

javascript - jqでローカルdivスクロールを行うにはどうすればよいですか?

&lt;style&gt;.top , .bottom{height:130px;background:#000;} .center{height:400px;overflow:hidden;position:relative;}.center .box{width:100%;height:100% ;位置:絶対;}.center .box ul{overfl

phpcn_u1582 2017-05-24 11:36:08 0  3  778

:before および :after 擬似要素に「content」属性が必要なのはなぜですか?

特定のシナリオで、:after セレクターが機能するために content 属性が必要なのはなぜですか? .test{幅:20px;高さ:20px;背景:青;位置:相対;}.test:after{幅:20px;高さ:20px;背景:赤;表示:ブロック;位置:絶対;上:0px;左:20

P粉653045807 2023-07-17 18:43:31 0  2  559

リンクが画像全体を覆うようにするにはどうすればよいですか?

中央だけでなく、画像の上にカーソルを置いたときにも、すべての画像をリンクでカバーしたいと考えています。 .moduledata{位置:相対;幅:自動;マージン:0px!重要;最大幅:380px;}.moduledata>h5{位置:絶対;左:50%;上:50%;transform:translate(-50% 、-50%);}.m

P粉481815897 2024-04-02 20:45:43 0  1  548

javascript - IE での配置に関する階層の問題

外層に固定位置を使用するボックス、内層に絶対位置を使用するボックスがあり、その内ボックスにクリック イベントを与えますが、IE9 ではクリックできません。なぜですか?これは外側の固定ボックスです。 これは内側の絶対ボックスです。 この内側のボックスに名前を付けたいのですが...

曾经蜡笔没有小新 2017-06-29 10:10:04 0  1  913

静的位置決めと相対位置決めの違い

CSS では、静的 (デフォルト) 配置と相対配置の違いは何ですか?

P粉316423089 2023-08-22 19:33:59 0  2  672

黄色の SVG パスのアニメーション

.arrow{幅: 45 ピクセル; 高さ: 25 ピクセル; クリップパス: ポリゴン (0%、20%、60%、20%、60%、0%、100%、50%、60%、100%、60 %,80%,0%,80%);背景:緑;位置:絶対;:0;左:0;オフセットパス:パス("M3042C30493041630423C30427.727430631.294730636C30641.730530847.423430

P粉021708275 2023-08-02 19:05:54 0  1  719

ドロップダウン メニューを複数レベルにする

次のようなドロップダウン メニューがあります: .dropdown{display:inline-block;position:relative;}.dropdownbutton>a{display:block;color:#000000;text-decoration:none;}.dropdown-content{表示:なし;位置:絶対;幅:自動;overf

P粉107772015 2024-01-10 18:02:08 0  2  496

絶対配置とオーバーフローの非表示

2 つの DIV があり、1 つはもう 1 つの内部にネストされています。外部 DIV が絶対配置に設定されていない場合、絶対配置された内部 DIV は外部 DIV のオーバーフロー非表示を考慮しません。 #first{幅:200px;高さ:200px;背景色:緑;オーバーフロー:非表示;}#first{幅:50px;高さ:50px;背景色:赤;位置:ab

P粉451614834 2023-08-21 19:30:21 0  2  459

javascript - vue.js の MouseOut イベントをバブルアップさせる方法。

ボックス a の親ボックス B にマウスアウト イベントを追加しました。このイベントは、マウスがボックス a に入ったときに常にトリガーされます (ボックス a の絶対位置。影響があるかどうかはわかりません)。マウスがボックスaに入ったときにイベントがトリガーされません。解決方法についてアドバイスをお願いします~~

大家讲道理 2017-07-05 10:55:24 0  2  860

CSSクリッピングパスを使用するときに角を丸くする方法

作成した図形の左端の 3 つの角を丸くしたいのですが、方法はありますか? div{位置:絶対;z-インデックス:1;幅:423px;高さ:90px;背景色:#b0102d;色:白;右:0;マージントップ:10vw;-webkit-clip-path:polygon( 100%0%、100%50%、100%100%

P粉921130067 2023-08-24 15:40:15 0  1  589

Flexbox を使用して要素を左と中央に揃える

子要素を整列させるために Flexbox を使用しています。私がやりたいのは、1 つの要素を中央に配置し、もう 1 つの要素を左に揃えることです。通常、左要素を設定するには margin-right:auto を使用します。問題は、中心要素を中心から遠ざけることです。絶対位置決めを使用せずにこれは可能ですか? HTML と CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23 0  2  583

スタックされたコンポーネントのクリックイベント

2 つのリアクティブ アロー関数コンポーネントが互いに積み重ねられており (絶対位置を使用)、両方とも onClick プロパティを持っています。問題は、一番上のものをクリックすると両方の onClick 関数が起動することです。この問題を解決する方法はありますか?コードの簡略版は次のとおりです: constCard=({...})=>{conststyles={optionsButton:{minWidth:0,minHeight:0,padding:"2px",positio

P粉882357979 2024-03-29 17:29:41 0  1  388

絶対配置された要素の下境界線の最大許容位置を設定する方法

私は WordPress の製品タグ プラグインを開発しており、次のことを行いました。 これは、画像に表示される出力コードです: <ahref="https://localhost/woo-metal/product/test-3/ " class="woocommerce-LoopProduct-linkwoocommerce-loop-product__link">&lt

P粉578680675 2024-03-22 12:46:23 0  1  561

javascript - IOSブラウザでCSSの絶対位置指定がラバーバンドでブロックされる問題について

アドレスは testlele.handone.com で、下部にナビゲーションがあります。ただし、iOS 携帯電話のブラウザでは、Web ページを最下位までプルダウンすることができ、下部のナビゲーションが一部でブロックされてしまいます。白色です。解決策を見つけてください。ナビゲーション コードは ` {code. ..} です。

仅有的幸福 2017-07-05 11:03:51 0  2  1206

背景や透明文字が切れてしまう

CSS を使用して、以下に示すように背景から透明なテキストを切り取る効果を作成する方法はありますか?画像がテキストに置き換わるため、貴重な SEO をすべて失うのは残念です。最初に影を考えましたが、何も思いつきませんでした...画像は Web サイトの背景で、絶対位置の <img> タグです

P粉439804514 2024-03-25 16:47:36 0  2  631

javascript - h5のcanvasタグを非表示にして再度表示した後に位置が異なるように調整するにはどうすればよいですか?

jsで動的に追加したcanvasタグを利用して線を描画し、特定の位置に絶対配置するようにしました デフォルトでは表示されていますが、製品的には非表示にできることが必須なので、非表示・表示が可能なボタンを作りましたHide() と show() を使用します。なぜ Hide() の後に show() を使用するのか、canvas...

巴扎黑 2017-05-24 11:37:35 0  1  1024

新しいヘッダー: フッターが常にページの下部にあることを確認します。

フッターをページの下部に配置し、ページの下部までスクロールするまで表示されないようにするプロジェクトに取り組んでいます。 CSS で「position:fixed」を使用しようとしましたが、コンテンツの上に浮いてしまい、絶対位置の場合はページの中央に固定されてコンテンツを覆ってしまいます。また、コンテンツがそれほど多くないページで、位置を指定しないか、「position:absolute」を使用すると、フッターの下に空白ができてしまいます。提案をお願いします。 *{マージン:0;パディング:0;}ヘッダー{背景-c

P粉318928159 2023-08-27 23:13:19 0  1  509