navを左に寄せたい
navを左に寄せたいのですがしたに表示されます。左に表示する方法を教えてください
html{ margin:0; padding:0;height:100%;min-height: 100%;}
body{ margin:0; padding:0;height:100%;min-height: 100%;background-color: gray;text-align: center;line-height: 175%;}
#container{margin:0px auto; padding:0;position: relative;width:980px;text-align:left;}
header{ margin:0; padding:0; position: relative; width:100%; height 60px;text-align: center;}
main{margin: 0; padding: 0 20px 20px 20px ;position: relative ; float right;width:600;}
nav{margin:0;padding: 10px 10px;position: relative;float:left;width: 280px;height: auto;}
footer{margin: 0; padding: 10px 10px;position: relative;clear: both;}
HTML
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <script src = "js/analogClock.js"></script> <script src = "js/myscript.js"></script></head> <body> <div id="container"> <header> 人口置換水準 </header> <main> <iframe id ="iframeVideo"title="Youtube video player"width="640"height="510" src="https://www.youtube.com/embed/D0mQAzuE7mM" frameborder="0"allowfullscreen> </iframe><!--元の動画--> 人口が増減しない均衡した状態となる水準を人口置換水準または合計特殊出生率という。 若年期の死亡率が低下すると人口が減りにくくなるので、この水準値は減少する。 2015年の日本の人口置換水準は2.07である。一人の女性が産む子供の数の平均が2.07人であるということである。 </main><link rel="stylesheet" href="css/mystyle.css"> <tatile>情報メディア総合演習</tatile> <!--第2回no1-->
</body> </html><nav> <canvas id ="tokei" width="250"height="250"></canvas> <button class="videoButton"onclick="playTheVideo('D0mQAzuE7mM')">置換水準 </button> <button class="videoButton"onclick="playTheVideo('X4wSs4lJoMc')">平均寿命 </button> <button class="videoButton"onclick="playTheVideo('PEI7CP747Bw')">平均年齢 </button> </nav> <footer> </footer> </div><!--end id = container-->
回答1件
あなたの回答
tips
プレビュー