ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。