删除Blogger Navbar后删除空格（简单模板）

Question

我希望导航栏位于页面顶部。 （Blogger，简单模板）。
如您所见，我将Blogger导航栏切换为＆＃34; Off＆＃34;。

Answer 1

仅限CSS修复

您的ID为navbar（<div class="navbar section" id="navbar">）的div为空且占用的空间。

如果删除div或在display: none; div上设置#navbar，则该空格将被删除。例如：

#navbar {
    display: none;
}

您还需要更改.content-outer的边距，因为这也会创建空间（!important将使此样式覆盖应用于元素的任何其他样式）。例如：

.content-outer {
    margin-top: 0 !important;
}

仅限HTML修复（适用于.navbar）

（现在已发布模板截图），您只需从模板中删除以下代码，如屏幕截图所示：

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>...</b:widget>
</b:section>

Answer 2

通过html修复（添加style="height:0"）

<div class="navbar section" id="navbar" **style="height:0"**>

通过css修复：

body .navbar {
    height: 0;
    padding: 0;
    margin: 0;
}

Answer 3

将此css代码添加到博主，可以从布局＆gt; 模板设计师＆gt; 高级＆gt; 添加CSS

或

直接添加到模板＆gt; 修改HTML ＆gt;在b:skin

之前]]>

.navbar {
    height: 0;
    border: 0;
 }
 body .navbar{
    height: 0;
 }