<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
list-style: none;
text-decoration: none;
}
body{
padding: 0 3%;
}
#left{
width:20%;
height:500px;
float:left;
}
#left ul{
width:100%;
height:500px;
}
#left ul li{
width:100%;
height:100px;
border-radius: 50px;
display: block;
}
#left ul li a{
color:#000;
display: block;
font-weight:500;
font-size:20px;
width:100%;
height:100px;
text-align:center;
line-height:100px;
}
.right{
width:75%;
height:auto;
float:right;
}
#a,#b,#c,#d,#e{
font-size:28px;
line-height: 100px;
}
</style>
</head>
<body>
<div id="left">
<ul>
<li><a href=" ">第一部分</a ></li>
<li><a href="#b">第二部分</a ></li>
<li><a href="#c">第三部分</a ></li>
<li><a href="#d">第四部分</a ></li>
<li><a href="#e">第五部分</a ></li>
</ul>
</div>
<div class="right">
<p id="a">第一部分</p >
<span>
当我们的世界还不存在交集，当我们的运行轨道还没有交错，当我们的生活还存在许多没有拔除的隔膜......或许我们都还得以预期的轨迹前行，还得以以往的方式迎接每一天的日起日落，还得以自己的习惯做自己喜欢的事......但是，你出现了，你悄悄地走进了我的世界，你终究还是改变了那个孤独的旅者的世界。
莫琪，全校排名榜第二，性格稍显孤僻，很像一位谦谦公子，并得到了班主任老王的青睐。他一向不怎么讲话，举止风雅是他一贯的风格，且很有风度。
每天的晚自习后，在回寝室的路上，他总是独自走着，像一个孤独的旅者。当然，有同行者更好，而他所求的同行者必是可以依傍天涯的知音。因为他不怎么讲话，很多人也就不会察觉到他内心的无限风情。而那风情，是内心的狂热，是诗人一样的风流。
第二天的物理课上，田永芳似乎没什么情绪听课，没精打采地摆弄着桌上的东西。一向严肃的老王总算是又一次大发雷霆了，直接以命令的口吻宣布田永芳坐到教室的最后去，且马上执行。
教室顿时充满了阴郁，莫琪也似乎隐隐地觉悟到了什么，可对老王的决定还是没有反对，保持着沉默。他已经明白了老王要做什么了，心中也充满了犹豫。而此刻心中预料的事，晚上也很快实现了------他又有了一个同桌。他没想到老王会也这种“精明”的妙方处理这件事，而且发生得这么快。而这些背后的只有他一个人知道，他心里很乱，那个纯真的女孩并不知具体的事实，或许也永远不会知道。
莫琪有些不能接受这种方法，对新来的同桌并不理睬，很快以学习不适应等理由提出了单独坐的意见，老王在询问侄女后还是同意了。
从那时起，莫琪一直独自坐着，有人想与其同坐，均被委婉拒绝了。当他被问为什么独坐时，回答很简单:
“我也想两个人坐的，只是没找到一个好的同桌。”
也是从那时起，莫琪渐渐发现了田永芳的可爱，一种与生俱来的活泼的可爱。他们总会在下晚自习后相遇，并一起走向寝室，相互聊着，也相互关心着。
</span>
<p id="b">第二部分</p >
<span>
“我爱蓝田日渐暖，不慕青鸟影微移。幸得盈芳消永夏，一曲幽歌载月回。”
蓝田日暖，芳香永存。不得不承认，这是一首温暖的诗，这是他为自己心爱的女孩写下的一首温暖的诗。他把她的名字完美地镶嵌在诗中，镶嵌在最美的句子。他希望有一
