切换为不分页显示
【首页】 【建站杂谈】 主题:Div总在右下角的CSS实现方法
字体:    回复
Div总在右下角的CSS实现方法 
夏飘雪(2009-8-5 16:26:50)  点击:12161  回复:0  IP:60.5.33.*
一个实用的提示效果,基于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>

[返回]
[本主题共0回复 | 每页显示20回复]
 返回列表 跳至页首跳至页尾 放大字体 缩小字体
按用户名:    按标题:   按内容:       包括所有回复
【首页】→ 【建站杂谈】 回复:Div总在右下角的CSS实现方法
帖子标题:
   未登录!    

您的权限:
发表回复:×
UBB功能:×
文件上传:×
 
风格选择:极速  古韵  宽屏  大字  |  图示说明: 24小时新发主题  最近被编辑的主题  超过24小时普通主题
页面执行时间:125毫秒 | 在线:3 今日:152 合计:3234814 | 清除COOKIE |