我写的是很简单的例子，你自己看看该怎么改吧。大致效果就是这样，因为你描述的也没有很详细。代码如下：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style>
article nav {
border:1px solid black
}
nav a {
padding-left:40px
padding-right:60px
}
nav a:hover {
background-color:#ffd800
}
section #left {
border:1px solid red
width:400px
height:400px
}
#left ul {
list-style:none
}
</style>
</head>
<body>
<article>
<nav>
<a href="menulist1.html">菜单项一</a><a href="menulist2.html">菜单项2</a><a href="menulist3.html">菜单项3</a>
</nav>
<section>
<div id="left">
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
</ul>
</div>
</section>
</article>
</body>
</html>
维思大学（英语：Wesleyan University），又译卫斯理安大学、威斯里安大学，位於美国东北部康乃狄克州的米德尔敦，创立於1831年，是一所私立四年制文理学院。维思大学与同位於新英格兰的阿默斯特学院及威廉士学院组成 "小三强" （Little Three）。维思大学也是小常春藤盟校和新英格兰小学院体育联盟的创始成员。1929年学校获新英格兰院校协会认证。
CSS，指的是该"社会研究学院"（College of Social Studies, CSS）成立于1959年，是一门研究西方政治，经济，哲学和历史理论的三年学院专业。其构筑模式与牛津大学等的哲学、政治学及经济学（Philosophy, Politics and Economics, PPE）类似。该专业的教职工（多为终身教授）也都由政治系，历史系，哲学系和经济系借调而来。若想要加入专业，学生必须完成入门经济学课程并获得C-以上的成绩，提交书面申请，并接受由教职工以及该专业现有学生的面试。不是所有学生都会通过选拔过程。录取进入该专业后，学生必须在大二参加政治，经济和历史的三节必修课以及一节关于社会理论的座谈会必修课。这四门课占毕业要求的10.5学分中的5.5。这该专业的课程多半也不计算成绩。在大二学期末，学生亦需参加一门统考，测试学生对这四门必修课的掌握情况。统考不通过的学生将会被淘汰出专业。同时，缺课以及欠交/迟交作业过多的学生也可能被移出专业。该专业的学生也必须完成基础教育要求。
社会研究学院的教职工普遍在公共事务中心（Public Affairs Center）办公，因为政治，经济和历史系的办公室都位于该楼。
