html+左侧固定导航栏

实现左侧固定导航栏的方法有多种，其中一种比较简单的方法是使用CSS中的position属性和left属性实现。具体步骤如下：

1. 在HTML中定义导航栏的结构和样式，比如使用ul和li标签来定义菜单列表，使用CSS设置导航栏的宽度、背景色、字体样式等。

2. 在CSS中设置导航栏的position属性为fixed，这样导航栏就可以固定在页面的左侧。

3. 使用left属性设置导航栏距离页面左侧的距离，比如left: 0表示导航栏紧贴页面左侧，left: 100px表示导航栏距离页面左侧100像素。

4. 设置页面主体部分的margin-left属性为导航栏的宽度，这样主体部分就可以避免被导航栏覆盖。

以下是一个简单的示例代码：

HTML部分：

<div class="container">
  <ul class="nav">
    <li><a href="#">菜单1</a></li>
    <li><a href="#">菜单2</a></li>
    <li><a href="#">菜单3</a></li>
  </ul>
  <div class="main">
    <p>这是页面的主要内容。</p>
  </div>
</div>

CSS部分：

.container {
  width: 960px;
  margin: 0 auto;
}
.nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 200px;
  background-color: #ccc;
  font-size: 16px;
  padding: 10px;
}
.nav li {
  margin-bottom: 10px;
}
.main {
  margin-left: 220px;
  padding: 10px;
  background-color: #fff;
  font-size: 16px;
}

上述代码中，导航栏使用ul和li标签定义，设置了position: fixed和left: 0来固定在页面左侧，设置了宽度、背景色、字体大小、内边距等样式。主体部分使用div标签定义，设置了margin-left: 220px来避免被导航栏覆盖。