回答編集履歴
3
読みやすく修正。
answer
CHANGED
|
@@ -39,6 +39,10 @@
|
|
|
39
39
|
|
|
40
40
|
---
|
|
41
41
|
|
|
42
|
+
|
|
43
|
+
**追記：**
|
|
44
|
+
|
|
45
|
+
|
|
42
46
|
`width:100%;`にはデフォルトで`padding`幅が含まれないので、`box-sizing: border-box;`をつけるか、`width:100%;`を削除するかどちらかです。（`width:100%;`を削除すると親要素内に収まるように計算されるので）
|
|
43
47
|
|
|
44
48
|
```CSS
|
2
ミスがあったため修正。
answer
CHANGED
|
@@ -34,4 +34,20 @@
|
|
|
34
34
|
height: 8vh;
|
|
35
35
|
vertical-align: middle;
|
|
36
36
|
}
|
|
37
|
-
```
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
42
|
+
`width:100%;`にはデフォルトで`padding`幅が含まれないので、`box-sizing: border-box;`をつけるか、`width:100%;`を削除するかどちらかです。（`width:100%;`を削除すると親要素内に収まるように計算されるので）
|
|
43
|
+
|
|
44
|
+
```CSS
|
|
45
|
+
header {
|
|
46
|
+
padding:10px;
|
|
47
|
+
margin-left:0px;
|
|
48
|
+
background: #fff;
|
|
49
|
+
border:medium solid #94de8c;
|
|
50
|
+
width:100%;/* これはそのままではpaddingを含まない */
|
|
51
|
+
box-sizing: border-box;/*こうするか、width:100%;を削除する */
|
|
52
|
+
}
|
|
53
|
+
```**動くサンプル：**[https://jsfiddle.net/fL28mhbs/](https://jsfiddle.net/fL28mhbs/)
|
1
情報の追加。
answer
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
-ms-flex-direction: row;
|
|
20
20
|
position: relative;/* ADD */
|
|
21
21
|
}
|
|
22
|
-
```
|
|
22
|
+
```**動くサンプル：**[https://jsfiddle.net/8sjf15za/](https://jsfiddle.net/8sjf15za/)
|
|
23
23
|
|
|
24
24
|
---
|
|
25
25
|
|