一个实用的提示效果,基于CSS-Div,打开网页后始终显示在右下角,拖动滚动条仍然固定在右下角不会变,通过这个CSS代码断你会更深一层理解CSS的层定位方法,对以后编写CSS帮助很大。
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<title>DIV始终固定位置显示</title>
<style>
body {margin:0; padding:0 10px 0 10px;height:100%;overflow:auto;background:#333;font-size:12px;}
#wrap {display:block;bottom:0px;right:1px!important;right:18px;width:200px;line-height:30px;position:fixed;border:1px solid #fff;text-align:center;color:red; background:#000;}
*html{overflow-x:auto;overflow-y:auto;}
* html #wrap {position:absolute;}
</style>
</head>
<body>
<div style="height:3986px;"></div>
<div id="wrap">我是不会动的,只有这个地方是属于我的,在你没有更改我的位置之前。</div>
</body>
</html>