無法改變保證金

所以我一直對這個WEBSITE，正如你可以告訴文本稍微向下移動（如果你有一個足夠大的屏幕，如果沒有圖片是在底部）喜歡無法改變保證金

我願意爲文本被移動得更多（像底部的圖片）我已經嘗試了各種各樣的東西，從填充到一切的邊緣。請告訴我我做錯了什麼。

HTML：

<div class="container"> 

    <div id="indexmenu"> 

     <nav id="indexnav" class="navigation"> 

      <ul> 
       <li class="first" class="active"><a href="#"><strong>Home</strong></a></li> 
       <li><a href="portfolio.html">Portfolio</a></li> 
      </ul> 
      <h1>SB</h1> 
      <ul> 
       <li><a href="about.html">About</a></li> 
       <li><a href="http://bettercontactform.com/contact/media/8/8/88c85a06189116122cb1d4a0236502eff8dbb78e.js" rel="contactus">Contact Me</a></li> 
      </ul> 
    </nav> 
    </div> 

<footer> 
    <p>Designed with <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> <a href="/">ShaneBacon</a> 2015 </p> 
</footer>

CSS

顯然計算器不喜歡我的CSS格式因此，繼承人糊箱

Click

我希望它是什麼看起來像E（總體思路）： 3210

它真正的樣子 The Issue

來源

2015-02-12 ShaneBacon

您的<h1>頭（SB）的字體大小爲300px，並且引導庫給它一個330px的lineheight，其默認垂直對齊是基線，但藍色的「容器」高度爲200px。文本會溢出藍色區域，並且HTML流向下（意味着它不會溢出，就像你想要SB的頂部一樣）。我會嘗試將h1的行高更改爲與容器相同的值（即200px），並且可能會更接近您想要的內容，或者您可能必須使用相對定位來將文本向上移動。

來源

2015-02-12 03:29:55 OJay

可能有更多的事情，但你有兩個開放div的，只有一個封閉的div。這將導致造型方面的問題。

來源

2015-02-12 03:17:14 AdamJonR

感謝您指出，即使它不是最初的問題！ – ShaneBacon 2015-02-12 03:47:34

這裏是CSS你將需要爲了做你想要的。

解決方案：pastebin link

根據屏幕尺寸調整補白。

來源

2015-02-12 03:38:23

無法改變保證金

回答

相關問題