提问者:小点点

如何修复我的布局,使我的导航栏不隐藏一些内容后,链接到想要的部分


我的navbar被设置为固定,但每次我按下例如home,它不会滚动到最顶部,站点只是稍微低于你可以滚动到顶部的最大值,这使我的H1蜜蜂部分被我的navbar覆盖。

>

  • 我尝试了不同的导航栏设置,如静态等
  • 我尝试更改导航栏的填充,但也没有帮助。
  • 我已经尝试用不同的最小高度来达到更好的效果,目前它的设置为85%

    <!-- Header -->
    <header>
    
    <div id="logo">
        <img src="img/111.jpg"="Kurzwarenmobil">
    </div>
    
    <nav>
    
        <ul>
            <a href="#home"><li>home</li></a>
            <a href="#about"><li>Über mich</li></a>
            <a href="#DasKurzwarenmobil"><li>Das Kurzwarenmobil</li></a>
            <a href="#Kontakt"><li>Kontakt</li></a>
        </ul>
    </nav>
    

    null

    null

    html,正文{边距:0;填充:0;高度:100%;文本对齐:中心;}节{min-height:85%}a{text-decoration:none;}li{list-style-type:none;}

    header{Width:100%;Height:65px;Position:Fixed;Top:0;Left:0;
    Background:#FEFCFB;Box-Shadow:0 1px 3px rgba(0,0,0,0.1);Z-Index:1;}

    宽度:140px;浮动:左侧;边距:10px 0 0-10px}

    背景:url(../img/landing.jpg);背景-位置:中心中心;背景-尺寸:封面;背景-附件:固定;}

    边距:62px自动0自动;font-size:110px}

    余量:50自动0自动;字体大小:25px;

    }

    宽度:32px;边距-顶部:150px;不透明度:0.7;}

    不透明度:1;}

    我想让我的导航栏导航到站点最顶部的部分,这意味着没有更多的空间滚动到顶部。现在当我点击导航栏上的“主页”时,我的H1的一半都被导航栏覆盖了,因为它没有滚动到足够的位置


  • 共0个答案