设置float后不换行的一个小技巧

我们在用css写页面时，有时候会遇到这样的问题，如图，就是利用给li加float：left；所做的导航，在父元素（比如ul）的width不足时，会明显的看到，导航有一部分被隐藏了起来，

但是单纯的给ul减小宽度，设置overflow，所产生的结果只有浮动的li拐到了下一行，却不会得到我们想要的在一行显示并隐藏的效果

这时，我们可以在外部嵌套一个div，里面的ul的宽设置的大一点，外部的div的宽还是200px就可以了

此时，就能够得到我们想要的结果了。