简单写了一个，为了方便所以图片就没有加，后来你加上再居中就ok
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function show(){
document.getElementById('show').style.display='block'
}
function hide(){
document.getElementById('show').style.display='none'
}
</script>
<style>
.show{
line-height:100px
text-align:center
width:100px
height:100px
background:#95C8ED
}
</style>
</head>
<body>
<div class="k">
<a href="#" onMouseOver="show()" onMouseOut="hide()">商品</a>
<div id="show" class="show" style="display:none" >
asdhkajdhj
</div>
</div>
</body>
</html>
你要放也把全部的代码放出来啊，下面的html没有也不好判断css这个东西需要熟练掌握才能知道哪里出问题，看到你写了这么多padding，margin,问题应该就出在这里了，padding,margin这些会叠加，或者不叠加，这个出来效果是不一样的
真不了解就建议固定高度，然后写一个overflow:hidden就解决了
