Question

php div+css 布局问题

<link rel="stylesheet" href="style.css" type="text/css">
<div id="frame">
<div id="product_show">
<div id="border_flash">
<img id="product_show_img" src="image/01.jpg" />
</div><!-- border_flash -->
</div><!-- product_show -->
</div><!-- frame -->

*{
margin:0;
padding:0;
}
#frame{
border:thin solid #000;
}
#product_show{
text-align: left;
font-size: 9px;
font-family:宋体;
}
#border_flash:hover{
border:solid thin #F00;
}
#border_flash{
width:220px;
margin:0 auto;
}
#product_show_img{
width:220px;
height:240px;
}

代码实现功能，鼠标移到图片上，图片的外框将显现出来。

问题：为什么图片会有一点点的位移，怎么才能让图片不产生这个微小的位移。不要用绝对定位的方法。

Answer 1

#border_flash:hover img{
height:238px;
}
加上试试

追问

加上去还是会有微小的移动 没有改变啊 不过多了一个阴影图片