html清除+hover,关于li:hover的问题，怎么清除浮动？_html/css_WEB-ITnose

不浮动？我是一个新手，代码全是个人凭着个人学到的知识所写，对下面的代码有任何建议的还望各位大侠给以指正。

我的HTML代码：

.test{position:relative;display:block;border:1px solid #DADADA;width:958px;clear:both;height:520px;overflow:auto;zoom:1;}.test ul{list-style-type:none;width:auto;margin:0px;padding:0;clear: both;}.test ul li{display:block;float:left;width:220px;margin:5px 8px 5px 8px;height:240px;padding:1px;}.test ul li:hover{border:1px solid #DADADA;}.test ul li a{width:218px;text-decoration:none;}.test ul li a:hover{text-decoration:underline;}

回复讨论(解决方案)

无标题文档

说明文字

说明文字

说明文字

说明文字

看一下我重新修改了，是否是你想要的效果呢？

非常感谢蓝色小燕子！

清除浮动：

clear:both;

clear:left;

clear:right;