无法改变保证金

所以我一直对这个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

无法改变保证金

回答

相关问题