相对定位
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</body>
绝对定位
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<span>w s dsdsa </span>
</body>
固定定位
</head>
<body style="height: 5000px;">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<span>w s dsdsa </span>
</body>
.guding, .guding_YOU{
position: fixed;
/* left: 50%;不会随着窗口大小而改变 */
left: 50%;
bottom: 0px;
margin-left: -957px;
width: 365px;
height: 508px;
z-index: -8;
background: url(…/img/leftFixed.png) no-repeat 0 0;
}