html左侧菜单 右边内容

可以使用CSS的float属性来实现左侧菜单和右边内容的布局。具体实现方法可以参考以下代码：

HTML代码：

<div class="container">
  <div class="menu">
    <ul>
      <li><a href="#">菜单项1</a></li>
      <li><a href="#">菜单项2</a></li>
      <li><a href="#">菜单项3</a></li>
    </ul>
  </div>
  <div class="content">
    <p>右边内容区域</p>
  </div>
</div>

CSS代码：

.container {
  width: 100%;
  overflow: hidden;
}

.menu {
  width: 200px;
  float: left;
}

.content {
  margin-left: 200px;
}

这样就可以实现左侧菜单和右边内容的布局了。