gpt4 book ai didi

html - 如何修复我的布局,以便我的导航栏在链接到所需部分后不隐藏某些内容

转载 作者:行者123 更新时间:2023-11-27 23:53:33 25 4
gpt4 key购买 nike

我的导航栏设置为固定的,但每次我按例如主页,它不会滚动到最顶部,该站点仅略低于您可以滚动到顶部的最大值,这使得我的 H1 蜂鸣部分被我的导航栏覆盖。

  • 我已经为我的导航栏尝试了不同的设置,比如静态等。
  • 我曾尝试更改导航栏的内边距,但也无济于事。
  • 我试图通过不同的部分最小高度来获得更好的结果,目前它设置为 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>

    Kurzwarenmobil

    H.S.施奈德贝达尔夫

    html, 正文{边距: 0;填充:0;高度:100%;文本对齐:居中;}部分 { 最小高度:85%}一个 {text-decoration: none;}li {list-style-type: none;}

    标题{ 宽度:100%;高度:65px;位置:固定;顶部:0;左:0;
    背景:#FEFCFB;盒子阴影:0 1px 3px rgba(0, 0, 0, 0.1) ; z-索引:1;

    标志{

    宽度:140px;向左飘浮;边距:10px 0 0 -10px

    首页{

    背景:url(../img/landing.jpg);背景位置:中心中心;背景尺寸:封面;背景附件:已修复;

    主页 h1 {

    边距:62px 自动 0 自动;字体大小:110px

    主页 h2 {

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

    首页图片{

    宽度:32px;上边距:150px;不透明度:0.7;

    主页 img:hover {

    不透明度:1;

    首页{最小高度:100%}

我希望我的导航栏导航到网站的最顶部,这意味着没有更多空间可以滚动到顶部。现在当我点击导航栏上的“主页”时,我的 H1 的一半被导航栏覆盖,因为它没有向上滚动足够多

最佳答案

欢迎使用 Stackoverflow Burak 👋 请尝试链接到 <a href="#logo"> ,以便它滚动到 Logo - 我认为它应该可以解决您的问题,但如果没有,请注意包含指向 http://jsfiddle.net 的链接您可以在其中共享您的代码并可视化问题

关于html - 如何修复我的布局,以便我的导航栏在链接到所需部分后不隐藏某些内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56391323/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com