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

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

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

CSS 要素の重なり方:

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

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

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

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

図 1:

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

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

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

例:

効果:

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

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