实例
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta charset="utf-8" />
<style>
body{
background-image: url(http://mybloger.com/2.jpg );
height: 5000px;
}
.cons{
background-color:lightyellow;
border: 2px solid ;
width: 230px;
position: fixed;
top:500px;
left:0;
}
.cons img{
height:30px;
width:28px;
}
.cons a{
text-decoration: none;
}
</style>
<title>联系我们</title>
</head>
<body>
<div class="cons">
<a href=" http://www.php.cn"><img src="http://mybloger.com/1.jpg" /><span>售前咨询QQ:512564120</span></a><br />
<a href=" http://www.php.cn"><img src="http://mybloger.com/1.jpg" /><span>售后咨询QQ:625126523</span></a><br />
<a href=" http://www.php.cn"><img src="http://mybloger.com/1.jpg" /><span>技术支持QQ:925462365</span></a>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
感悟：固定定位是绝对定位中的一种特殊情况，主要对于制作网站两边的悬浮窗口。