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

回答編集履歴

1

コード修正

2021/06/09 00:14

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -11,13 +11,16 @@
11
11
 
12
12
  やっているのは親要素(#wrapper)の幅を100%にしています。無意味です。
13
13
 
14
- 親要素に`display: block;`を設定してflexを解除すれば
14
+ 親要素に`display: block;`を設定してflexを解除して
15
- 子要素幅100%になり(ブロックレベル要素なので)
15
+ 子要素幅100%を設定ししょう
16
16
 
17
17
  ```css
18
18
  @media (max-width: 1000px){
19
19
  div#wrapper{
20
20
  display: block;
21
21
  }
22
+ #box1, #box2 {
23
+ width: 100%;
24
+ }
22
25
  }
23
26
  ```