回答編集履歴
2
margin: 0 autoの説明を変更
answer
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
`.top-wrapper`要素は現状`width: 100%`の状態ですので、`width: 1170px;`を書くとサイズが変わります。
|
2
|
-
`
|
2
|
+
横幅が設定された状態で`margin: 0 auto`がつくと要素自体が中央寄せになります。
|
3
3
|
|
4
4
|
cssに下記を追加すると、それぞれの要素に枠線がつくのでレイアウトが理解しやすいかもしれません。
|
5
5
|
```css
|
1
答えを追加
answer
CHANGED
@@ -8,5 +8,6 @@
|
|
8
8
|
border: 4px solid red;
|
9
9
|
}
|
10
10
|
```
|
11
|
+
何をどちらに書くかについては、希望のレイアウトが実現できれば、自由ですし、こうするべきという答えは無いと思います。もし意識するとしたら保守性でしょうか、レイアウトが変わったり、マウスオーバーで変化をつけるなどを想定して、こう分けといた方が良いかと考えながらコーディングすることはあります。
|
11
12
|
|
12
13
|
また、質問にコードを載せる際は<code>機能を使用するようにしましょう。
|