ホームページ  >  記事  >  ウェブフロントエンド  >  CSS要素はどのように重なるのでしょうか?

CSS要素はどのように重なるのでしょうか?

青灯夜游
青灯夜游オリジナル
2020-11-24 15:44:426005ブラウズ

CSS 要素をオーバーラップする方法: 1. 要素に負のマージンを設定します。負のマージンを使用すると、要素が占有するスペースが少なくなり、後続の要素が現在の要素を覆うことができます。2. 相対位置を使用して、position 属性を使用します。複数の要素をオーバーラップできるようにする位置決めと絶対位置決め。

CSS要素はどのように重なるのでしょうか?

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

CSS 要素の重なり方:

方法 1. 要素に負のマージンを設定します

移動後に元の位置が保持されないように、負のマージンを設定します。

負のマージンを使用すると、要素の占有スペースが少なくなります。後の要素で現在の要素を覆うことができます。

(ここには 2 つあります同じサイズの p の幅と高さは 100px です (図 1)。上記のクラス名 p の p に -margin-bottom を設定すると (図 2 を参照)、次の要素が -margin の位置をカバーしていることがわかりました。 )

図 1:

这里有两个相同大小的p 宽高都是100px
CSS要素はどのように重なるのでしょうか?

方法 2. 位置決めを使用する

相対位置決め(位置: 相対): 元の位置は保持され、他の要素に押し込まれませんが、重複するだけになります。

絶対位置指定 (位置: 絶対): 元の位置は保持されず、要素から切り離されます。ページ フロー

例:

CSS要素はどのように重なるのでしょうか?

効果:

CSS要素はどのように重なるのでしょうか?

プログラミング関連の知識について詳しくは、こちらをご覧ください。アクセス: プログラミング学習 Web サイト ! !

以上がCSS要素はどのように重なるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。