teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

margin: 0 autoの説明を変更

2021/08/12 08:42

投稿

webgoto
webgoto

スコア1293

answer CHANGED
@@ -1,5 +1,5 @@
1
1
  `.top-wrapper`要素は現状`width: 100%`の状態ですので、`width: 1170px;`を書くとサイズが変わります。
2
- `.container`要素は`margin: 0 auto`中央寄せとなっているので、無くなると左寄ってしいます。
2
+ 横幅が設定された状態で`margin: 0 auto`がつくと要素自体が中央寄せになります。
3
3
 
4
4
  cssに下記を追加すると、それぞれの要素に枠線がつくのでレイアウトが理解しやすいかもしれません。
5
5
  ```css

1

答えを追加

2021/08/12 08:42

投稿

webgoto
webgoto

スコア1293

answer CHANGED
@@ -8,5 +8,6 @@
8
8
  border: 4px solid red;
9
9
  }
10
10
  ```
11
+ 何をどちらに書くかについては、希望のレイアウトが実現できれば、自由ですし、こうするべきという答えは無いと思います。もし意識するとしたら保守性でしょうか、レイアウトが変わったり、マウスオーバーで変化をつけるなどを想定して、こう分けといた方が良いかと考えながらコーディングすることはあります。
11
12
 
12
13
  また、質問にコードを載せる際は<code>機能を使用するようにしましょう。