質問編集履歴
1
yoshinavi様からご指摘いただいた「footer」のHTMLとCSS、「#wrapper」のHTMLの追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -52,6 +52,36 @@
|
|
|
52
52
|
|
|
53
53
|
<body>
|
|
54
54
|
|
|
55
|
+
<div id=wrapper>
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
<header id=web_title>
|
|
60
|
+
|
|
61
|
+
<h1>Hoge</h1>
|
|
62
|
+
|
|
63
|
+
</header>
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
<section id=main_section>
|
|
68
|
+
|
|
69
|
+
<div class=article>
|
|
70
|
+
|
|
71
|
+
</section>
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
<footer>
|
|
76
|
+
|
|
77
|
+
© Hoge 2019
|
|
78
|
+
|
|
79
|
+
</footer>
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
</div>
|
|
84
|
+
|
|
55
85
|
</body>
|
|
56
86
|
|
|
57
87
|
</html>
|
|
@@ -92,6 +122,20 @@
|
|
|
92
122
|
|
|
93
123
|
|
|
94
124
|
|
|
125
|
+
footer {
|
|
126
|
+
|
|
127
|
+
background: #ebebebff;
|
|
128
|
+
|
|
129
|
+
margin: 0px 0px 4px 0px;
|
|
130
|
+
|
|
131
|
+
padding: 6px 0px 6px 0px;
|
|
132
|
+
|
|
133
|
+
font-size: 0.5rem;
|
|
134
|
+
|
|
135
|
+
text-align: center;
|
|
136
|
+
|
|
137
|
+
}
|
|
138
|
+
|
|
95
139
|
```
|
|
96
140
|
|
|
97
141
|
|
|
@@ -113,3 +157,17 @@
|
|
|
113
157
|
初歩の初歩の問題ですが、問題部分を教えていただけると幸いです。
|
|
114
158
|
|
|
115
159
|
それではよろしくお願いいたします。
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
---
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
kei334様に教えていただいた方法で問題解決しました。
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
【教えていただいた内容】
|
|
172
|
+
|
|
173
|
+
height: 100%;を全て外し、#wrapper に min-height: 100vh;を指定してみてはいかがでしょう。
|