回答編集履歴

3

修正

2017/01/14 12:38

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,4 +1,4 @@
1
- .column imgかかっているmarginを取り除くことで質問者さんのいうような動作になると思います。
1
+ id="cap1"にmarginをかけることで質問者さんのいうような動作になると思います。
2
2
 
3
3
  ```HTML
4
4
 
@@ -44,7 +44,7 @@
44
44
 
45
45
  float: left;
46
46
 
47
- /* margin: 10px; */
47
+ margin: 10px;
48
48
 
49
49
  }
50
50
 
@@ -76,7 +76,7 @@
76
76
 
77
77
  margin: 0;
78
78
 
79
- width: 300px; /*画像の幅と同じ*/
79
+ width: 320px; /*画像の幅と同じ*/
80
80
 
81
81
  }
82
82
 
@@ -92,9 +92,11 @@
92
92
 
93
93
  z-index: 2;
94
94
 
95
- width: 100%;
95
+ width: 300px;
96
96
 
97
- height: 100%;
97
+ height: 300px;
98
+
99
+ margin: 10px;
98
100
 
99
101
  background: rgba(0, 0, 0, 0.3);
100
102
 

2

修正

2017/01/14 12:38

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,4 +1,4 @@
1
- ```.column img```にかかっているmarginを取り除くことで質問者さんのいうような動作になると思います。
1
+ .column imgにかかっているmarginを取り除くことで質問者さんのいうような動作になると思います。
2
2
 
3
3
  ```HTML
4
4
 

1

修正

2017/01/14 11:01

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,4 +1,4 @@
1
- .column imgにかかっているmarginを取り除くことで質問者さんのいうような動作になると思います。
1
+ ```.column img```にかかっているmarginを取り除くことで質問者さんのいうような動作になると思います。
2
2
 
3
3
  ```HTML
4
4