###前提・実現したいこと
remを使ってヘッダーの高さを調整したいです。
###発生している問題・エラーメッセージ
下記のソースを記述しましたが、高さが変わりません。
###該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>Color & Cut Salon</title> 6 <link rel="stylesheet" type="text/css" href="css/style.css"> 7 <link rel="stylesheet" type="text/css" href="css/reset.css"> 8</head> 9<body> 10 <header> 11 <h1>Color & Cut Salon</h1> 12 <nav> 13 <ul id="gnav"> 14 <li>Menu</li> 15 <li>News</li> 16 <li>Inquire</li> 17 </ul> 18 </nav> 19 </header> 20~ 21</body> 22</html>
CSS
1body { 2 font-family: sans-serif; 3} 4html { 5 font-size: 100%; 6 height: 100px; 7} 8h1 { 9 height: 1.5rem; 10} 11ul { 12 overflow: hidden; 13} 14#gnav li { 15 float: left; 16}
###補足情報(言語/FW/ツール等のバージョンなど)
・ブラウザ:Google Chrome54.0.2840.99 m
・style.cssは正しい場所に格納されています。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。