构建高度占据整个屏幕的左边菜单

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tbody>
<tr>
<!--左侧动态菜单-->
<td class="left-nav-td">

</td>

<!--右侧主体内容-->
<td class="right-nav-td">

</td>
</tr>
</tbody>
</table>

 

.left-nav-menu {
  width: 214px;
  float: left;
  height: 100%;
  background: #e7f6da;
}

td.left-nav-td {
  width: 214px;
  background: #e7f6da;
  vertical-align: top;
  border-right: 1px solid #EBEBEB;
}