方法和详细的操作步骤如下：
1、第一步，创建或打开Web项目，新建html文件以及CSS文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，图中显示了HTML页面代码，定义div并给出id属性等级，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，将“height”值设置为零，使用“padding”属性的“top”或“bottom”，同时运用背景色来进行测试，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，效果如下，如果进行放大或进行缩小，则宽度和高度将进行相应的更改，见下图。这样，就解决了这个问题了。
这个广告如果是flash的话，并且不把flash设置成可透明，你div的css设置的z-index再大也没用意思就是说，要是想弹出的层显示在flash上需要设置flash的广告代码
在<object>标签中加入<param name="wmode" value="transparent">
在<object>标签下的embed标签中加入属性 wmode="transparent" 即<embed wmode="transparent" .................>
如果广告是div+css代码 浮动的话
那就设置一下position:absolute，然后设置下z-index大小就可以解决问题了
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
.main
{
width: 400px
height:150px
}
.divcss
{
width: 400px
height: 50px
margin-top: 3px
}
span
{
font-size:20px
font-weight: 800
}
a
{
padding: 15px 15px
text-align: center
text-decoration: none
background-color: gainsboro
color: black
}
.a1
{
background-color: red
padding: 19px
margin-left: 1px
}
.a2
{
background-color: yellow
padding: 19px
}
.a3
{
background-color: blue
padding: 19px
}
</style>
<body>
<div class="main">
<div class="divcss">
<span>请选择背景颜色：</span>
<a href="#" class="a1">红</a>
<a href="#" class="a2">黄</a>
<a href="#" class="a3">蓝</a>
</div>
<div class="divcss">
<span>请选择宽度(px)：</span>
<a href="#">200</a>
<a href="#">300</a>
<a href="#">400</a>
</div>
<div class="divcss">
<span>请选择高度(px)：</span>
<a href="#">200</a>
<a href="#">300</a>
<a href="#">400</a>
</div>
<div class="divcss">
<button>恢复</button>
<button>确定</button>
</div>
</div>
</body>
</html>
