导航栏干扰标题HTML/CSS

我正在尝试创建一个导航栏，其中包含一个徽标。我的导航栏基本上正常工作，但是页面内容的标题也被强制进入导航栏

这是我的HTML和我的网站的链接，可以查看完整的源代码（）

---

在标头中添加溢出属性

header{overflow: hidden;}

---

.content{clear:both；}

--更多信息：因为您正在div上使用float属性。你可以使用.content{clear:tweet}或header{width:100%；float:left；}@ovokuro-uhh，这是怎么回事？谢谢你们，谢谢@ovokuro的文章！

header {
top: 0;
right: 0;
left: 0;
border-bottom: 1px solid #e3e3e8;
}

#logo {
    float: left;
    font-size: 3em;
    margin: 0;
    padding: .4em;
    text-decoration: none;
    color: #222222;
    transition: .5s all;
}

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;
}

#current {
    color: #ff4629;
    border-bottom: 3px solid #222222;
}

header{overflow: hidden;}