方法和详细的操作步骤如下：
1、第一步，创建或打开Web项目，新建html文件以及CSS文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，图中显示了HTML页面代码，定义div并给出id属性等级，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，将“height”值设置为零，使用“padding”属性的“top”或“bottom”，同时运用背景色来进行测试，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，效果如下，如果进行放大或进行缩小，则宽度和高度将进行相应的更改，见下图。这样，就解决了这个问题了。
可以使用css fixed，例：
<style>
.window{
width:100px
height:50px
position:fixedright:0top:45%//关键是这一行，设置窗口的位置，如果网页层较多，应该用z-index将窗口div置于顶层,否则会被遮盖；
z-index:999
}
</style>
<div class="window">
客服窗口，点击与客服咨询
</div>
<!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>
