CSS div レイアウトについて少し質問があります。質問してください。Thank you_html/css

CSS div レイアウトについて少し質問があります。質問してください。Thank you_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:09:37

オリジナル

1044 人が閲覧しました

<head><style>.ABC{width:100px; height:100px; background:red; margin:auto; margin-left:20px;}</style></head><body><div class="ABC"></div></body></html>

ログイン後にコピー

中央揃え後に 20 ピクセル移動できないのはなぜですか?
順序を変更するとコードエラーが表示されるのはなぜですか?
.ABC{width:100px height:100px; div を中央に配置するには相対位置または絶対位置を使用する必要がありますか?

中央に配置した後、移動できないようです

絶対配置を使用してください次にマージン

いいえ、Adobe Dreamweaver で試してみました。

margin-left:20px;margin: 0px auto; // 最初に左マージンを設定し、次に中央を設定します。後続の中央揃えは左マージンをカバーします

margin : 0px auto; margin-left:20px;//最初に中央に配置し、次に左マージンを設定します

内部のコンテンツが大きすぎる可能性があります。、あるいは他の理由があるかもしれません、、、、、、

.abc{width:100px;height:100px;background-color:#ccc;position:relative;margin-left:50%;left:-70px;}

ログイン後にコピー

CSS div レイアウトについて少し質問があります。質問してください。Thank you_html/css_WEB-ITnose

絶対配置を使用してください 次にマージン

絶対配置を使用してください次にマージン