div#top 1145px 760px
img .top2 1145px 756px
この4pxはどこから来ているのか知りたいです。
よろしくお願いします。
html
1<div id="top"> 2 3<img src="img/back.jpg"class="top2"/> 4 5<div class="top3"> 6<h1><img src="img/logo.png" alt=""/></h1> 7</div><!----top3----> 8 9 10<nav> 11<ul class="list-nav"> 12 <li><a href="#top">Top</a></li> 13 <li><a href="#concept">Concept</a></li> 14 <li><a href="#product">product</a></li> 15 <li><a href="#contact">contact</a></li> 16</ul> 17</nav> 18</div><!---top--->
css
1body,h1,h2,h3,li,ul,img,p,div,dd,dt{ 2 padding: 0; 3 margin: 0; 4} 5 6li{ 7 list-style-type: none; 8} 9 10.wrapper{ 11 width: 100%; 12} 13 14.clearfix:after{ 15 content:""; 16 display:block; 17 clear:both; 18} 19 20 21/*******h1の画像********/ 22 23h1{ 24 float:left; 25} 26 27.top2{ 28 width: 100vw; 29 height: 100vh; 30} 31 32.top2{ 33 position: relative; 34} 35 36.top3{ 37 position: absolute; 38 top: 0; 39 left: 0; 40} 41 42 43 44/*navの設定*/ 45 46nav{ 47 font-size: 25px; 48} 49 50 51nav ul{/*.headerの中にあるulタグにだけ適用*/ 52 53 float: right; 54 position: absolute; 55 top:30px; 56 right: 30px; 57 background-color: #FFFFFF; 58} 59nav li{ 60 /*メニューのところなどにはwidth指定は不要*/ 61 float:left; 62 padding-right: 60px; 63 padding-top: 10px; 64 padding-bottom: 10px; 65} 66nav li:first-child{ 67 padding-left: 60px; 68}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。