コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS div レイアウトについて少し質問があります。質問してください。Thank you_html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-21 09:09:37
オリジナル
1074 人が閲覧しました

<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布局的小问题 请教了 谢谢
ソース：php.cn
前の記事：HTML に CSS を導入するいくつかの方法と違い photos_html/css_WEB-ITnose 次の記事：css 属性は element_html/css_WEB-ITnose の垂直方向の配置を設定します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
React.js CSS ウィンドウの幅 Reactを使用してレスポンシブWebサイトを開発しています。スタイル設定には CSS スタイルシートを使用します。応答部分は @media クエリを使用して CSS で実装されま...
から 2024-03-31 16:31:23
0
1
386
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート