拥有两个相邻的导航子菜单块

以下是一个简单的HTML和CSS代码示例，展示了如何实现拥有两个相邻的导航子菜单块：

HTML代码：

<div class="navigation">
  <ul>
    <li><a href="#">菜单1</a></li>
    <li><a href="#">菜单2</a></li>
  </ul>
</div>

CSS代码：

.navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.navigation li {
  display: inline-block;
}

.navigation li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  background-color: #f2f2f2;
}

.navigation li a:hover {
  background-color: #ddd;
}

这段代码创建了一个包含两个相邻导航菜单项的导航栏。使用ul和li元素创建了一个无序列表，并使用CSS样式设置了列表项的显示方式为inline-block，使它们在同一行水平排列。每个列表项中包含一个链接元素<a>，用来显示每个菜单项的文本。当鼠标悬停在菜单项上时，使用CSS样式设置了背景颜色的变化。

你可以根据自己的需要修改代码，并添加更多的菜单项或样式效果。