質問編集履歴
1
コード修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,21 +1,6 @@
|
|
|
1
1
|
掲題の通り、ヘッダー要素がその下のメイン画像と被ってしまいます。
|
|
2
2
|
|
|
3
3
|
```HTML
|
|
4
|
-
<!DOCTYPE html>
|
|
5
|
-
<html lang="ja">
|
|
6
|
-
<head>
|
|
7
|
-
<meta charset="UTF-8">
|
|
8
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
9
|
-
<title>マンション売却のプロ</title>
|
|
10
|
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
|
|
11
|
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
12
|
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
|
|
13
|
-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
|
14
|
-
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
|
|
15
|
-
<link rel="stylesheet" href="css/reset.css">
|
|
16
|
-
<link rel="stylesheet" href="css/style.css">
|
|
17
|
-
</head>
|
|
18
|
-
|
|
19
4
|
<body>
|
|
20
5
|
|
|
21
6
|
<!-- header -->
|
|
@@ -47,14 +32,6 @@
|
|
|
47
32
|
```
|
|
48
33
|
|
|
49
34
|
```scss
|
|
50
|
-
@charset "UTF-8";
|
|
51
|
-
body {
|
|
52
|
-
font-family: 'aleolight' 'noto sans Japanese' 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
|
|
53
|
-
}
|
|
54
|
-
html {
|
|
55
|
-
font-size: 10px; /* 基準として全てのテキストの大きさを10pxにする */
|
|
56
|
-
}
|
|
57
|
-
|
|
58
35
|
// 変数
|
|
59
36
|
$base-color: #038EC8;
|
|
60
37
|
|
|
@@ -119,9 +96,6 @@
|
|
|
119
96
|
}
|
|
120
97
|
}
|
|
121
98
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
99
|
// main
|
|
126
100
|
.main {
|
|
127
101
|
height: 100%;
|