Question

div的:hover问题

我的一个div和hover状态的div内容几乎一样的，普通状态是border:0px solid;，hover状态是border:1px solid #ccc;。为什么当鼠标指到那个div是，下面的div会走位，旁边的div也会动

Answer 1

border：0px→ border ： 1 px，虽然边框变化幅度不大。但是还是会影响旁边的div的状态的。

追问

普通状态是border:1px hidden;也会这样子。请问要怎么改？

追答

你加个hidden干嘛？ border:1px solid red;最好加上颜色 ，辨别 。要不你把源码给我看下。 只要三个div部分 和 css的部分
要不建议使用绝对定位

追问

我的想法是这样的，普通状态的div是没边框的，鼠标放到div里面的是会多个边框出来。但是把鼠标放上去后其他的div走位。
.goods {
width:248px;
height:auto;
border:1px hidden;
float:left;
}
.goods:hover {
width:248px;
height:auto;
border:1px solid #ccc;
float:left;
}

追答

我刚刚试过了。边框也算变化的幅度。如果可以的话，用一个z-index 区分下层数

追问

不是很懂，有N个div都是使用这个css的，那是不是都设置？

追答

你可以固定一些DIV使用同一个啊. .div1 .div2{CSS内容 }；这样可以两个div同时用一个CSS