ホームページ > ウェブフロントエンド > CSSチュートリアル > 私の「左」CSS プロパティが私の子の div を中心にしないのはなぜですか?

私の「左」CSS プロパティが私の子の div を中心にしないのはなぜですか?

Susan Sarandon
リリース: 2024-11-13 13:11:02
オリジナル
650 人が閲覧しました

Why is My

「左」CSS プロパティの誤動作のトラブルシューティング

子 div 要素の左端の境界を親の中心内に揃える際に問題が発生するシナリオでは、この問題が発生します。これは、CSS の配置ルールが正しく実装されていないために発生します。具体的には、「left」プロパティが有効にならず、なぜコードが機能しないのか疑問に思うことになります。

この失敗の主な理由は、div 要素の位置属性の省略にあります。デフォルトでは、HTML 要素は静的な位置に存在し、「left」プロパティが操作不能になります。

この問題を修正して目的の配置を実現するには、子 div 要素の位置属性を絶対位置に切り替える必要があります。または親戚。この問題を解決する更新された CSS コードは次のとおりです。

#inner {
   width: 400px;
   height: 300px;
   background-color: #090;
   position: absolute;
   left: 50%;
}
ログイン後にコピー

「position:Absolute」を追加すると、「left」プロパティに自律性が付与され、子 div を親 div 内で効果的に中央に配置できるようになります。

以上が私の「左」CSS プロパティが私の子の div を中心にしないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート