用a标签实现tab切换

点击切换

    <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；超出隐藏。