制作导航菜单可以使用 CSS 的 display 属性和 position 属性来控制位置和尺寸。
首先，需要将菜单项放在一个容器中，可以使用 <ul> 标签来创建一个无序列表。然后，需要为菜单项应用样式，可以使用 display: inline-block 属性让菜单项水平排列。同时，为了让菜单项之间有一定的间隔，可以为菜单项添加 margin-right 属性。
接下来，可以使用 position 属性来控制导航菜单的位置。可以使用 position: fixed 属性将导航菜单固定在页面的某个位置。同时，需要指定导航菜单的 top 和 left 属性来确定其位置。例如，可以使用 top: 0 和 left: 0 将导航菜单固定在页面的左上角。
最后，可以使用 width 和 height 属性来控制导航菜单的尺寸。可以根据实际情况调整导航菜单的宽度和高度。
示例代码如下：
nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #333;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
display: block;
color: #fff;
text-decoration: none;
padding: 10px;
}在 HTML 中，可以这样使用：
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</nav>这样就可以创建一个简单的导航菜单，并使用 CSS 控制其位置和尺寸。