html - 标题与我的滚动条 HTML/CSS 重叠

Question

我试图将标题/导航栏固定在顶部，但正因为如此，标题的右侧与滚动条重叠。

我确实通过将 header 的宽度更改为 99.2% 找到了一种临时修复方法，但在检查时仍然是一个问题。这是标题/导航的 CSS:

header {
    overflow: hidden;
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff
}
nav {
    float: right;
}

nav ul {
    margin: 0;
    padding: 2.8em 2em;
}

nav ul li {
    display: inline;
    padding: 0 .4em;
}

nav ul li a {
    color: #222222;
    text-decoration: none;
    font-size: 20px;
    padding-bottom: .5em;
    transition: .5s color;
}

nav ul li a:hover {
    border-bottom: 3px solid #222222;
}

您可以在 frankkreutzer.com 查看问题

Answer 1

移除'body' overflow-x: hidden

body {
  overflow-x: hidden;
}