如何控制nav header（导航头部）与banner高度，实现二者对齐？

首先你选的这个模板默认右侧主内容区设置了固定的顶部内边距，才会出现banner比左侧导航起始位置低的情况，别用<br>标签调整，它只会增加元素上方的空白间距，反而会把banner压得更靠下。你可以用下面两种方法调整：

• 方法1：修改全局主内容区的顶部间距
  找到模板对应的CSS文件（一般是assets/css/main.css），定位到#main选择器，修改它的padding-top属性值，逐步调小数值直到banner顶部和左侧「About」选项的起始高度完全对齐即可。
• 方法2：单独调整banner的位置
  给你的banner容器直接加负上外边距，把元素往上拉到对齐位置，修改后的代码如下（数值可以根据你的实际对齐需求微调）：

<div class="image main" data-position="center" style="margin-top: -20px;">
    <img src="images/banner.jpg" alt="" />
</div>

你可以先在浏览器里右键点击banner选择「检查」，在开发者工具的样式面板里临时调整数值看实时效果，找到最合适的数值后再写入正式代码，效率更高。

内容的提问来源于stack exchange，提问作者mle0312