<p>
<a href="#z">早餐</a>
<a href="#w">中餐</a>
<a href="#d">晚餐</a>
</p>
<div>
<ul id="z">
<li>油条</li>
<li>豆浆</li>
</ul>
<ul id="w">
<li>米饭</li>
<li>红烧肉</li>
</ul>
<ul id="d">
<li>油条</li>
<li>豆浆</li>
</ul>
</div>
给每个ul设置一个固定高度,高度等于div的高度,
在div上面设置overflow:hidden;超出隐藏。