Question

我对html / css相当新，我正在通过tumblr构建一个页面。它已经有了一个我已经改变的模板，并添加了一些额外的元素。

我陷入困境，因为我不知道在哪里可以找到移动页面主体的代码，因此导航栏和页面主体之间存在很大差距。

我需要什么代码？我的网页：http://goldlazerblog.tumblr.com/

这是我对我的标题和导航栏定位的CSS。他们在正确的位置，我唯一想到的是让我的主要标题更大（图像文件）??

.main-title {
margin: 0 
auto;
padding: 0;
position: relative;
text-align:center;
top: 0;
}

.main-title li {
display: inline;
padding: 10px;
}
.main-title a {
display:inline-block;
padding: 0px;

} 

.nav-bar {
border:NONE solid: NONE;
border-width:1px 0;
list-style:none;
margin: 0px;
padding:0;
text-align:center;
color: #5a5a5a;
font-size: 20px;
font-weight: normal;
}
.nav-bar li {
display: inline;
padding:0px;
margin: 0px;
}

.nav-bar a {
display:inline-block;
padding: 15px;

}

Answer 1

.content {
  margin-top: -100px;
}

这应该减少空白空间

Answer 2

你有一个空的div，标题的id在那里。也许您可以将其设置为display：none如果您无法删除该div。

#header.none-header {
  display: none;
}

Answer 3

你的h1中没有任何东西会占用你的空间。

<div class="blog-title">
   <h1><a href="/"></a></h1>
</div>

您也可以删除或隐藏父级。

<div id="header" class="none-header none-navigation">

将页面的主体移近标题？

3 个答案: