回答編集履歴
4
コードの修正
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
<div class="header-img"><img src="images/mainImg.jpg" alt=""></div>
|
|
8
8
|
|
|
9
|
-
</d
|
|
9
|
+
</header>
|
|
10
10
|
|
|
11
11
|
```
|
|
12
12
|
|
3
文章の微調整
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
現物を見ていないので何とも言えないのですが、header
|
|
1
|
+
現物を見ていないので何とも言えないのですが、headerの中のimg要素に対して position:absolute を指定しているのが原因ではないでしょうか。この場合img要素に直接絶対配置が適用されてしまいますので、以下のようにimg要素を<div>か何かのタグで囲って、それに対して position:absolute を指定します。
|
|
2
2
|
|
|
3
3
|
```html
|
|
4
4
|
|
2
コードの微調整
test
CHANGED
|
@@ -11,6 +11,14 @@
|
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
```css
|
|
14
|
+
|
|
15
|
+
#header{
|
|
16
|
+
|
|
17
|
+
position: relative;
|
|
18
|
+
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
|
|
14
22
|
|
|
15
23
|
.header-img {
|
|
16
24
|
|
1
コードの微調整
test
CHANGED
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
```html
|
|
4
4
|
|
|
5
|
+
<header id="header">
|
|
6
|
+
|
|
5
|
-
<div class="header-img"><img src="images/mainImg.jpg" alt=""></div>
|
|
7
|
+
<div class="header-img"><img src="images/mainImg.jpg" alt=""></div>
|
|
8
|
+
|
|
9
|
+
</div>
|
|
6
10
|
|
|
7
11
|
```
|
|
8
12
|
|