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

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

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

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

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

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

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

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

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

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

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

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

ドロップダウンが常にその親の上に表示されるようにします。位置: 相対

私は以下のようなことを達成しようとしています。コンテナーには、クリックするとアクティブになり、各親の上に配置されるドロップダウンのセットが含まれています。直面している問題: 私が現在抱えている問題は、ドロップダウン メニューが親レベルの最上部に表示されるのではなく、コンテナー内に隠れていることです。私が試したこと：position:absoluteを試してみましたが、リストを各親の上に置くのにうまく機能しました。一方、オーバーフローしたドロップダウンは、ドロップダウン ラベルに従うのではなく、設定された位置を維持します。したがって、position:relative が必要です。誰か

P粉738346380 2024-04-01 18:43:16 0  1  488

DNSサーバーとは何ですか?

DNS (Domain Name Server) は、ドメイン名と対応する IP アドレスを変換するサーバーです。 DNS は、メッセージのドメイン名を解決するために、ドメイン名と対応する IP アドレスのテーブルを保存します。ドメイン名は、インターネット上のコンピュータまたはコンピュータ グループの名前で、データ送信中にコンピュータの電子的位置 (場合によっては地理的位置も) を識別するために使用されます。ドメイン名は次の方法で作成されます。

Crazy 2021-10-19 11:42:15 0  6  2694

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

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

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

CSS: リスト項目間の間隔を変更する

リストの CSS を編集しようとしましたが、行に正しく移動してリスト要素間の高さを調整する方法が見つかりませんでした。ウェブサイトのリンク: https://denkimedia.com/prod/K2211001/test/ メニューは開きますが、リスト要素間のサイズを修正する方法がわかりません: リストの表示が正しく機能しません。 :) 行を調整するために、article-verticle.css の位置と空白を変更しました。 .flowpaper-reflow-tocitem{位置: 相対; 空白: 通常; 内部

P粉436410586 2024-04-02 15:46:38 0  1  532

JavaScript - このCSSの書き方

この分類カテゴリでこのグラフィックの CSS を記述するにはどうすればよいですか? 私の方法は、相対的に配置された疑似クラスを境界線の下に追加することです。何か良いアイデアはありますか?

给我你的怀抱 2017-05-19 10:40:27 0  4  739

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

別の 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  758

スイッチの隣のテキストを垂直方向の中央に配置するにはどうすればよいですか?

「toggle-label」クラスの中央に「switch」で縦に文字を入れたいのですが失敗しました。使用したコードはこれです。toggle-label{font-weight:bold;font-size:20px;}.switch { 位置:相対;表示:インラインブロック;幅:54ピクセル;高さ:28ピクセル;}.switchinput{不透明度:0;幅:0;

P粉354948724 2023-09-15 11:58:54 0  1  627

css - Position:absolute を使用せずに同様の機能を実現する方法

画像で示されている場所は、絶対位置に基づいて位置を書き込むために div を使用して書き込まれます。今度は、ng-repeat を使用してそのような円を複数実現したいと思います (返されたデータに関連する値がある場合)。が必要なので、これらの div は CSS を共有する必要があります。絶対配置を使用すると、すべてのボックスが一緒に圧縮されます。

ringa_lee 2017-05-15 17:01:22 0  3  1091

HTML5キャンバスを使用せずに円形セクターを動的にレンダリングする方法

フォーチュン ホイールを作成しているのですが、セクターの数に基づいてホイールまたはサークルを作成し、賞品の名前を記入する必要があります。固定セクター数の円のコードが完成しました。以下は 6 つのセクターを含む円の例です。 .wheel_container{位置:相対;--ホイールサイズ:360px;幅:var(--ホイールサイズ);高さ:var(--ホイールサイズ);マージン-ボトム:2.4em;}。

P粉731861241 2023-09-02 10:43:07 0  1  603

JavaScript - THREEjs でズームの中心を変更するにはどうすればよいですか?

私のニーズの 1 つは、懐中電灯に似た光源が光線を放射するアニメーションを作成することです。私のアイデアは、光源が光線の開始点と同じ位置にあるということです。光の放射はスケールされるだけです。図に示すように、光線のz方向に! しかし、実際の操作プロセスで、私は発見します。 。 THREEJS の増幅はそれ自体に対して相対的です...

滿天的星座 2017-05-19 10:36:36 0  1  676

CSS を使用してブロックの端をフェザリングする方法を学びます

ボックスの端にぼかし効果を持たせるように CSS を変更するにはどうすればよいですか?ボックスの背景に曇りガラスの効果を持たせ、周囲の鋭いエッジの代わりに徐々に背景に溶け込むぼかし効果を持たせたいのですが、現在の CSS を変更する方法がわかりません。ご協力をよろしくお願いいたします。 .wrap{位置:相対;幅:100%;高さ:100vh;背景画像:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  841

フロントエンド - 複数の CSS アドレスを nginx とマージすることでバックグラウンドの問題を解決するにはどうすればよいですか?

Node+Nginx プロジェクト、ページは http://cdn/project1/a.css を使用します。このようなアドレスは CSS を参照します。各 CSS には、background:url(./ など) の相対パスを持つ背景が含まれる場合があります。画像 /logo.png) を結合すると、画像パスでエラーが報告されます。解決する方法はありますか?

某草草 2017-05-16 17:08:14 0  2  521

グラデーション効果が画像の端でフェードアウトしないのはなぜですか?

画像の端をぼかすか、少なくとも漠然とフェードアウトしたいと考えています。何を試してもうまくいかず、Stackoverflow のすべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？これが私のコードペンです。 .screen{位置:相対;幅:100vw;高さ:100vh;disp

P粉317679342 2023-09-09 23:34:16 0  1  626

CSS スケール プロパティを使用すると、Vuetify の v メニュー ドロップダウンが間違った位置に表示される

添付画像に示すように、CSS プロパティのスケールを使用すると、v メニューの位置が間違った場所になります。対応する codepen: https://codepen.io/satishvarada/pen/YzjGNVZ v-autocomplete コンポーネントを使用する場合にも同様の問題が発生します。 newVue({el:'#app',vuetify:newVuetify(),data:()=>({items:[{title:'ClickMe'},{title:'Cl

P粉983021177 2024-03-19 18:55:15 0  1  658

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  629

HTML ビデオ要素コントロールが表示されない

video 要素を作成し、controls 属性を true に設定しましたが、if(!this._player){this._player=document.createElement('video');}this._player ではコントロールが (ホバーしても) 表示されません。 controls=true;this._player.src=xxxxx; また、ビデオ要素の幅を 100% に設定し、コンテナの位置は相対的になります。デフォルトを表示するにはどうすればよいですか

P粉788765679 2023-08-18 12:54:43 0  1  662