Html 初学者博客：将标题锚定到网站顶部

我对Blogger和HTML都是新手，我正试图在Blogger上建立一个时尚博客网站

我已经成功地将标题图像设置为静态（也就是说，在滚动帖子时不会移动），但不幸的是，它没有在网站顶部对齐。这使得它看起来非常奇怪，因为内容在标题图像下滚动时消失，在标题图像和页面顶部之间滚动时短暂重新出现

我已经研究了一些基本的HTML，但是当我试图直接在我的博客网站上编辑HTML时，我看到了从基本HTML到HTML的巨大飞跃。我只希望标题图像在顶部对齐

---

有人能帮忙吗？任何事都值得感激

将css

top:0

添加到ID为“header-outer”的DIV中

Plus

为什么有这么多不必要的标记？您可以替换所有这些：

<div class="header-outer">
<div class="header-cap-top cap-top">
<div class="cap-left"></div>
<div class="cap-right"></div>
</div>
<div class="fauxborder-left header-fauxborder-left">
<div class="fauxborder-right header-fauxborder-right"></div>
<div class="region-inner header-inner">
<div id="header" class="header section"><div id="Header1" class="widget Header">
    <div id="header-inner">
        <a style="display: block" href="http://monsemble.blogspot.ca/">
            <img width="833px; " height="216px; " style="display: block" src="http://2.bp.blogspot.com/-91QDCMg_EsU/UcsYVdMvLQI/AAAAAAAAACw/Oa727KfuuBk/s1600/header.jpg" id="Header1_headerimg" alt="MONSEMBLE">
        </a>
    </div>
</div>
</div>
</div>
</div>
<div class="header-cap-bottom cap-bottom">
    <div class="cap-left"></div>
    <div class="cap-right"></div>
</div>
</div>

与：

---

我在博客上遇到了类似的情况，我注意到，尽管我关闭了博客网站附带的导航栏，但在HTML代码中，页面顶部仍然有一个导航栏分区。我将其从模板中删除，并能够将标题图像移动到网页顶部

我删除了代码的这一部分-

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
    if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
        function(){ object[attribute] = val; }, false);
    } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
    }
    }
&lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0752197236978911214706\46blogName\75MahekMody.com\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://www.mahekmody.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://www.mahekmody.com/\46vt\0753008633957882384298&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
        }
        });
    &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
</b:section>

script type=“text/javascript”
函数setAttributeOnload（对象、属性、值）{
if（window.addEventListener）{
window.addEventListener（'；load'；，
函数（）{object[attribute]=val；}，false）；
}否则{
attachEvent（'；onload'；，function（）{object[attribute]=val；}）；
}
}
/剧本
div id=“navbar iframe容器”/div
script type=“text/javascript”src=”https://apis.google.com/js/plusone.js“/脚本
script type=“text/javascript”
load（“gapi.iframes:gapi.iframes.style.bubble”，function（））{
if（gapi.iframes&；gapi.iframes.getContext）{
gapi.iframes.getContext（）.openChild({
网址:' ;；https://www.blogger.com/navbar.g?targetBlogID\0752197236978911214706\46blogName\75MahekMody.com\46publishMode\75PUBLISH\u MODE\u HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://www.mahekmody.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://www.mahekmody.com/\46vt\0753008633957882384298和；，
其中：document.getElementById（“navbar iframe容器”），
id:“导航栏iframe”
});
}
});
/scriptscript type=“text/javascript”
（功能（）{
var script=document.createElement（'；script'；）；
script.type='；text/javascript'；；
script.src='；//pagead2.googlesyndication.com/pagead/js/google#u top#u exp.js'；；
var head=document.getElementsByTagName（'；head'；）[0]；
若有（总目）{
head.appendChild（脚本）；
}})();
/剧本

尝试添加以下内容：

左边距：-80px到您的标题中的图像。看起来卡在顶部。@j08691是的，回答修复了它@j08691只需等待接受答案：）您应该始终在此处发布代码，正是出于这个原因。当我访问你的网站时，你已经解决了这个问题。所以我（以及这个问题的未来访问者）无法看到原始状态。
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
    if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
        function(){ object[attribute] = val; }, false);
    } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
    }
    }
&lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0752197236978911214706\46blogName\75MahekMody.com\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://www.mahekmody.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://www.mahekmody.com/\46vt\0753008633957882384298&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
        }
        });
    &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
</b:section>