float浮动引起的ul高度崩溃与overflow的关系

出现这个错误时，一直搞不懂问题出现在哪里，因为自己设置了ul：hover，所以一旦鼠标出现在ul当中，所有的li就会缩小。而这里如果ul有高度的话，就会出现上图的情况，图中文字部分因为ul有高度，所以也会把所有的li缩小。所以这里就要使用ul崩溃的作用了，一旦ul没有高度，那么其就没有空白的部分了。而因为li还属于ul的一部分，所以还是会变化的。但是自己粗心地使用了overflow，使得浮动闭合了，这就导致了ul有高度。后来在http://www.iyunlu.com/view/css-xhtml/55.html当中了解到了清除浮动的原理，才知道自己错在哪里。这里很巧妙地使用了ul的高度崩溃，可见，这种并不一定是个bug,有时候反而可以利用这种短处来实现我们的目的。其实有时候技术并不是真正的局限，而思维才是真正的局限。另外，不要怕犯错，因为每一次错误都是你重新学习的机会。