ポジションをクリアする方法

位置属性を静的に設定し、位置属性を継承に設定し、位置属性を設定解除に設定し、位置属性を初期に設定し、位置属性を元に設定して、位置属性を設定解除に設定してください!重要. 明確な位置。

このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。

CSS (Cascading Style Sheets) は、Web ページのレイアウトとスタイルを定義するために使用されるマークアップ言語です。 CSS では、position プロパティは要素の配置方法を設定するために使用されます。一般的な位置決め方法には、静的、相対、絶対、固定などがあります。場合によっては、要素が通常のフローに従うように、要素の配置方法を明確にする必要がある場合があります。この記事では、ポジションをクリアするいくつかの方法を紹介します。

1.position 属性を static に設定する使用します

position 属性のデフォルト値は static であり、これにより要素は標準に従ってレイアウトされます。流れ。要素の配置方法をクリアしたい場合は、position 属性を static に設定するだけです。例:

.element {
position: static;
}

2。position 属性を使用して、継承するように設定します。

inherit キーワードは、親要素の属性値を継承するために使用されます。親要素の位置属性値が静的である場合、子要素の位置属性値も静的になるため、子要素の位置決めメソッドがクリアされます。例:

.parent {
position: static;
}
.child {
position: inherit;
}

3。unset に設定するには、position 属性を使用します。

unset キーワードは、要素のすべての属性値をその値にリセットするために使用されます。デフォルト値。 Position プロパティを unset に設定すると、要素の位置決めメソッドがクリアされます。例:

.element {
position: unset;
}

4。position 属性を使用して、initial に設定します

initial キーワードは、要素の属性値を初期値にリセットするために使用されます。 。位置属性の初期値は静的です。したがって、positionプロパティをinitialに設定すると、要素の位置決めメソッドがクリアされます。例:

.element {
position: initial;
}

5。position 属性を使用して、revert に設定します。

revert キーワードは、要素の属性値をブラウザのデフォルトに戻すために使用されます。価値。 Position プロパティを revert に設定すると、要素の位置決めメソッドがクリアされます。例:

.element {
position: revert;
}

6.position 属性を使用して unset に設定します!重要

場合によっては、強制的に ! important キーワードを使用する必要がある場合があります。スタイルの適用。 Position プロパティを unset! important に設定すると、要素の配置メソッドがクリアされ、このスタイルが最も優先されます。例:

.element {
position: unset!important;
}

概要:

上記は、要素の位置をクリアするいくつかの方法です。要素を通常のフローに従ってレイアウトできるように、特定のニーズに応じて位置属性をクリアする適切な方法を選択します。同時に、スタイルの競合やメンテナンスの問題を避けるために、! important キーワードを乱用しないように注意する必要があります。 。

以上がポジションをクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。