teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コード修正

2020/01/10 16:30

投稿

ma12
ma12

スコア10

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 Pゴシック','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%;