当前位置：Gxlcms > html代码 > 关于li:hover的问题，怎么清除浮动？_html/css_WEB-ITnose

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

时间：2021-07-01 10:21:17 帮助过：30人阅读

我的代码如下，当鼠标移动上去时，周围显示一个方框，但是后面的会向后移动，如何才能使得当鼠标移上去时后面的

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

我的HTML代码：


说明文字

说明文字

说明文字

说明文字

我的CSS代码：

.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;

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

回复讨论(解决方案)

人气教程排行