回答編集履歴
2
追記
answer
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
.box をほかのdiv(.box-wrap等)で囲ってあげて、
|
|
2
2
|
.box-wrapのpadding-rightで10pxとってあげる、とかはどうでしょうか？
|
|
3
|
+
レスポンシブ対応では、width: 100% と max-widthでいけませんかね。
|
|
3
4
|
|
|
4
5
|
```html
|
|
5
6
|
<div class="box-wrap">
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
|
|
10
11
|
```css
|
|
11
12
|
.box {
|
|
13
|
+
width: 100%;
|
|
12
14
|
max-width: 860px;
|
|
13
15
|
height: 430px;
|
|
14
16
|
background-color: red;
|
1
追記
answer
CHANGED
|
@@ -9,11 +9,12 @@
|
|
|
9
9
|
|
|
10
10
|
```css
|
|
11
11
|
.box {
|
|
12
|
-
width: 860px;
|
|
12
|
+
max-width: 860px;
|
|
13
13
|
height: 430px;
|
|
14
14
|
background-color: red;
|
|
15
15
|
}
|
|
16
16
|
.box-wrap {
|
|
17
|
+
width: 100%
|
|
17
18
|
margin: 0 auto;
|
|
18
19
|
padding-right: 10px;
|
|
19
20
|
}
|