本节先说说我们上节课的弊端，就是我们在测试的时候，很难先测试登陆状态去访问/home/ 然后再测试非登陆状态去访问/home/这条用例。

    当时我们并没有退出登陆功能，所以要么请求其他同事访问，要么换浏览器，要么清空cookie。比较麻烦。不过本节后，就可以实现退出功能了。

    首先我们打开welcome.html，准备在这个菜单页面加上 退出登陆的按钮。

之所以要在welcome上放退出按钮，就是因为这个菜单是全局公共的，任何页面都可以看到它，自然也就看到它上面的退出按钮了。

    好，打开welcome.html。

让我们想想给按钮放在哪比较好，一般要么是左上角，要么是右上角。

我们就放在右上角吧，放在主页按钮下面，我们之后把这些功能按钮全都一股脑的塞到右上角，整合成一个小整体 之后样式上还能更有作为。

    

如上图所示，给原来的主页按钮 外面包裹一层 div。并把其中的 float:right 这个属性给移动到div身上。这个属性证明是让其靠当前父级元素的最右侧。

 

刷新页面发现基本没什么变化。

然后 复制这个a标签，改文案为 退出 。并在中间加上一个br标签 作为换行。