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

CSS の「left」プロパティが機能しない?

「 left: 50%」プロパティを使用すると、期待した効果が得られない場合があります。これは、HTML 要素のデフォルトの位置が「静的」であることが原因であると考えられます。このデフォルト状態では、「left」プロパティは効果がありません。

解決策: 絶対位置または相対位置

「left」プロパティを有効にして子 div を配置するには正しくは、その位置プロパティを「絶対」または「相対」に設定する必要があります。これにより、子 div がドキュメント全体ではなく、その要素を含む要素に対して相対的に配置される必要があることがブラウザーに通知されます。

更新された CSS:

#inner {
    width: 400px;
    height: 300px;
    background-color: #090;
    position: absolute;
    left: 50%;
}

位置を設定することによりプロパティを "absolute" に設定すると、子 div は親に対して相対的に配置され、"left" プロパティを 50% に設定すると、左境界線が親 div 内のちょうど中間に配置されます。

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