删除 Blogger 导航栏后删除空 Space（简单模板）

Question

我希望导航栏位于页面顶部。 （博主，简单模板）。
如您所见，我将 Blogger 导航栏切换为“关闭”。

Answer 1

CSS-仅修复

您有一个 ID 为 navbar (<div class="navbar section" id="navbar">) 的 div，它是空的，正在占用 space。

如果您删除 div 或在 #navbar div 上设置 display: none;，则 space 将被删除。示例：

#navbar {
    display: none;
}

您还需要更改 .content-outer 的边距，因为这也会创建 space（!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 代码添加到博主，从 Layout > template designer > Advanced > 添加CSS

或

直接添加到模板 > 编辑HTML > b:skin 就在]]>[之前=13=]

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