制作tab切换时遇到的问题

在制作tab切换时，遇到了一个问题，切换时，想要实现的效果是如图的效果：

在切换时，下边框一擦隐藏，上、左、右的边框显示

问题：原本是在ul上添加的border-bottom，li设置为margin-bootom：-1px（注：li的宽度是a标签撑起来的）

.active中的a标签的下边框添加，然后设置下边框是透明的，或者白色的，但是无论怎样设置都不行，ul的下边框都会显示

解决：在ul外包一个div，然后设置div的border-bottom，就可以达到想要的效果了