无法更改保证金

Question

所以我一直在研究这个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

显然stackoverflow不喜欢我的css格式，所以继承人一个粘贴bin

Click

我希望它看起来像（一般想法）：

真实的样子

Answer 1

可能还有更多，但你有两个开场div，只有一个结束div。这将造成样式方面的问题。

Answer 2

你的<h1>头（SB）的字体大小为300px，引导库的行高为330px，默认垂直对齐为基线，蓝色'容器'为200px高。文本将溢出蓝色区域之外并且HTML流程已关闭（意味着它不会溢出，就像您想要SB的顶部一样）。我会尝试将h1的行高改为容器的行高（即200px），你可能会得到更接近你想要的东西，或者你可能不得不使用相对定位来向上移动文本。 / p>

Answer 3

以下是您要执行的操作所需的CSS。

解决方案：pastebin link

根据屏幕尺寸调整填充。