我正在尝试制作一个标题菜单，其右侧有水平列表（导航区域或菜单），左侧有 h1（网站名称）（两者都使用浮动标签来执行此操作）。我尝试使用 header、nav 和 div 标签将两者分组在一起，但没有任何效果。h1 和 ul 标签就像是分开的，而不是分组的。当我给分组标签（Div，标题，导航）背景颜色时什么也没有发生，但是当我给它一个颜色时：....里面的所有文本都会改变颜色，所以至少可以。
请帮我将 h1 和 ul 分组在一起。
.header {
width: 100%;
background-color: aquamarine;
color: red;
}
h1 {
float: left;
}
ul {
float: right;
list-style: none;
display: block;
}
ul li {
display: inline-block;
}
<html>
<body>
<header class="header">
<h1>website name</h1>
<ul>
<li>Home</li>
<li>contact</li>
</ul>
</header>
</body>
</html>
萧十郎
繁星淼淼
婷婷同学_
相关分类