好吧，所以我在编写我的投资组合网站。但是当我完成了对navbar的响应编码后，我注意到一个不应该存在的问题，因为按照我的说法，我做的一切都很好。我有汉堡菜单。当我单击汉堡时，navbar从右向左滑动，反之亦然。工作得很好。但问题来了，按下tab键后。当我在主页上按tab键时，它正在选择应该隐藏在最右边的navbar。如何修复？

以下是HTML

<header>
        <div class = 'logo'>
            Logo
        </div>

        <nav>
            <div class = 'burger'>
                <div class="line1"></div>
                <div class="line2"></div>
                <div class="line3"></div>
            </div>

            <ul class = 'nav-links'>
                <li><a href = '#'>Link-1</a></li>
                <li><a href = '#'>Link-2</a></li>
                <li><a href = '#'>Link-3</a></li>
                <li><a href = '#'>Link-4</a></li>
            </ul>
        </nav>
    </header>

以下是SCSS

<header>
        <div class = 'logo'>
            Logo
        </div>

        <nav>
            <div class = 'burger'>
                <div class="line1"></div>
                <div class="line2"></div>
                <div class="line3"></div>
            </div>

            <ul class = 'nav-links'>
                <li><a href = '#'>Link-1</a></li>
                <li><a href = '#'>Link-2</a></li>
                <li><a href = '#'>Link-3</a></li>
                <li><a href = '#'>Link-4</a></li>
            </ul>
        </nav>
    </header>

以下是jsfiddle

https://jsfiddle.net/nilsbh12/q3fhngeb/5/

顺晟科技：

添加到链接。