HTML，div与css。怎样制作一个，商品列表。就像是在淘宝浏览那些商品。当你的鼠标移到商品那里

html-css018

HTML，div与css。怎样制作一个，商品列表。就像是在淘宝浏览那些商品。当你的鼠标移到商品那里,第1张

简单写了一个，为了方便所以图片就没有加，后来你加上再居中就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就解决了