右侧底部跟着浏览器滑动

<div class="float_right">
 <div style="clear:both;margin:auto;bottom:80px;overflow:hidden;"><a href="#dg"><img src="images/right_dg.png"></a></div>
</div>



.float_right { position: fixed; right: 50px; top: 300px; width: 78px; height: 81px; }
* html .float_right { position: absolute; right:expression(eval(document.documentElement.scrollLeft)+2);
top:expression(eval(document.documentElement.scrollTop)+300)
}

<div class="bottom">
 <div style="width:1000px;margin:0 auto;position:relative;"><a href="#dg"><img alt="金福" src="images/dg_b.jpg" height="47" width="1000"></a> <span  style="position:absolute;bottom:8px; height:30px; overflow:hidden; line-height:30px; font-size:16px;right:150px;color:#fff; width:180px;">订购代码:
   <input name="ordercode" type="text" value="" readonly class="ordercode" style="width:80px;border:0;background:#555555;color:#fff;" />
   </span> </div>
</div>


.bottom { position: fixed; bottom: 0px; top: auto; z-index: 99; background: #717171; width: 100%; height: 47px; border-top: 1px solid #fff; }
.bottom { _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt (this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

你可能感兴趣的:(右侧底部跟着浏览器滑动)