質問編集履歴
2
html、修正いたしました。ご指摘ありがとうございました！これで、大丈夫でしょうか…
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -42,6 +42,9 @@
|
|
|
42
42
|
</div>
|
|
43
43
|
<!-- ↑ハンバーガーメニューここまで↑ -->
|
|
44
44
|
</div>
|
|
45
|
+
</header>
|
|
46
|
+
</body>
|
|
47
|
+
</html>
|
|
45
48
|
```
|
|
46
49
|
### 該当のソースコード
|
|
47
50
|
|
1
reset.css追記いたしました（ご指摘ありがとうございました）！
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -269,7 +269,63 @@
|
|
|
269
269
|
|
|
270
270
|
|
|
271
271
|
```
|
|
272
|
+
### reset.css追記です（早々にご指摘ありがとうございました）。
|
|
272
273
|
|
|
274
|
+
```reset.css
|
|
275
|
+
@charset "utf-8";
|
|
276
|
+
|
|
277
|
+
/*
|
|
278
|
+
*** リセットスタイル ***
|
|
279
|
+
Originally crafted by Eric Meyer
|
|
280
|
+
Source: http://meyerweb.com/eric/tools/css/reset/
|
|
281
|
+
Purpose:
|
|
282
|
+
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on
|
|
283
|
+
*/
|
|
284
|
+
|
|
285
|
+
html, body, div, span, applet, object, iframe,
|
|
286
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
287
|
+
a, abbr, acronym, address, big, cite, code,
|
|
288
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
289
|
+
small, strike, strong, sub, sup, tt, var,
|
|
290
|
+
b, u, i, center,
|
|
291
|
+
dl, dt, dd, ol, ul, li,
|
|
292
|
+
fieldset, form, label, legend,
|
|
293
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
294
|
+
article, aside, canvas, details, embed,
|
|
295
|
+
figure, figcaption, footer, header, hgroup,
|
|
296
|
+
menu, nav, output, ruby, section, summary,
|
|
297
|
+
time, mark, audio, video {
|
|
298
|
+
margin: 0;
|
|
299
|
+
padding: 0;
|
|
300
|
+
border: 0;
|
|
301
|
+
font-size: 100%;
|
|
302
|
+
font: inherit;
|
|
303
|
+
vertical-align: baseline;
|
|
304
|
+
}
|
|
305
|
+
/* HTML5 display-role reset for older browsers */
|
|
306
|
+
article, aside, details, figcaption, figure,
|
|
307
|
+
footer, header, hgroup, menu, nav, section {
|
|
308
|
+
display: block;
|
|
309
|
+
}
|
|
310
|
+
body {
|
|
311
|
+
line-height: 1;
|
|
312
|
+
}
|
|
313
|
+
ol, ul {
|
|
314
|
+
list-style: none;
|
|
315
|
+
}
|
|
316
|
+
blockquote, q {
|
|
317
|
+
quotes: none;
|
|
318
|
+
}
|
|
319
|
+
blockquote:before, blockquote:after,
|
|
320
|
+
q:before, q:after {
|
|
321
|
+
content: '';
|
|
322
|
+
content: none;
|
|
323
|
+
}
|
|
324
|
+
table {
|
|
325
|
+
border-collapse: collapse;
|
|
326
|
+
border-spacing: 0;
|
|
327
|
+
}
|
|
328
|
+
```
|
|
273
329
|
### 試したこと
|
|
274
330
|
|
|
275
331
|
CSSの/* ここからハンバーガーメニュー */から/* ここまでハンバーガーメニュー */のところの数値を色々いじってみましたが、途中、姿を現したかと思えば、今度、クリックする前のハンバーガーメニュー三本線が元の位置からずれてしまい、追いかけっこ状態でした。
|