请选择进入手机版 | 继续访问电脑版

收藏本站腾讯微博新浪微博

邮件列表客服QQ 800003860 切换到窄版

蓝色理想最新研发动态 新增登录提醒插件 - 用至我的站点 地图任务一定要做 - 给官方提建议

论坛活动及任务 地图和邮件任务请多用悬赏提问 热夏来袭，选一款蓝色理想的个性T恤吧！

MIUI手机主题设计大赛，奔驰大奖等你拿！ 想加薪？！蓝色理想招聘提供你更多机会 悬赏答疑，赚取积分兑奖品！

经典论坛 › 论坛 › 网站开发区 › HTML5及WEB标准化专栏 › 求助关于相对窗口定位

查看: 953|回复: 17

[求助] 求助关于相对窗口定位 [复制链接]

cycloned　楼主

程让

钻石会员 

帖子: 1667
体力: 7012
威望: 1

发表于 2007-6-13 14:56:13 |显示全部楼层

我想给一个DIV定位，让他始终显示在浏览器窗口左边距多少，上边距多少，而并非相对页面。

我在论坛上翻了好几个这样的帖子，但是那些效果加上DOC声明以后都失效了，所以来求助一下具体的写法，谢谢~

西部数码云主机4G内存500G仅需423元

使用道具举报

纯真

帖子: 2050
体力: 4009
威望: 4

发表于 2007-6-13 15:30:22 |显示全部楼层

left:100px;
top:100px;

租服务器，上51IDC

使用道具举报

cycloned　楼主

程让

钻石会员 

帖子: 1667
体力: 7012
威望: 1

发表于 2007-6-13 15:33:23 |显示全部楼层

.....楼上的哥们，可能我学的太差，我实在理解不了你写的这两句，怎么相对窗口定位

使用道具举报

纯真

帖子: 2050
体力: 4009
威望: 4

发表于 2007-6-13 16:04:22 |显示全部楼层

提示：您可以先修改部分代码再运行

使用道具举报

cycloned　楼主

程让

钻石会员 

帖子: 1667
体力: 7012
威望: 1

发表于 2007-6-13 16:16:01 |显示全部楼层

呵呵，您写的是相对页面的，不是相对窗口，一拉滚动条就没了

使用道具举报

纯真

帖子: 2050
体力: 4009
威望: 4

发表于 2007-6-13 16:28:44 |显示全部楼层

前面我没明白楼主什么意思，你看看是不是这样子。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body style="margin:0; overflow:hidden">
<div style="position: absolute;top:0;width:100%;height:100px;background-color:red;">这里在上面</div>
<div style="position: absolute;bottom:0;width:100%;height:100px;background-color:red;">看到这里了没有.</div>
<div style="overflow-y:scroll; width:100%; height:100%">
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
下面的网页是从英语自动翻译过来的。 BETA 返回语言工具 
您可以查看原始网页，或将鼠标移动到文字上来查看原文 
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

自己去研究一下，这个样式不知道从那弄来的。呵呵，你自己研究一下。

使用道具举报

cycloned　楼主

程让

钻石会员 

帖子: 1667
体力: 7012
威望: 1

发表于 2007-6-13 16:32:29 |显示全部楼层

呵呵您理解错了，我需要的是一个这样的效果

提示：您可以先修改部分代码再运行

不过要兼容浏览器

使用道具举报

cycloned　楼主

程让

钻石会员 

帖子: 1667
体力: 7012
威望: 1

发表于 2007-6-13 18:27:38 |显示全部楼层

顶一下，等高手帮解决，谢谢

使用道具举报

帖子: 15
体力: 42
威望: 0

发表于 2007-6-14 23:05:45 |显示全部楼层

楼主是说固定定位？
抱歉，IE6不支持固顶定位，要用javascript来实现

使用道具举报

帖子: 9
体力: 71
威望: 0

发表于 2007-6-15 02:24:53 |显示全部楼层

w3pop里好像有这个的文章，楼主不妨去看看。。。

使用道具举报

cycloned　楼主

程让

钻石会员 

帖子: 1667
体力: 7012
威望: 1

发表于 2007-6-15 07:58:51 |显示全部楼层

朋友能给个连接吗？我搜索不到

使用道具举报

夏至雨

帖子: 957
体力: 2406
威望: 0
居住地: 河北省保定市

发表于 2007-6-15 08:56:35 |显示全部楼层

经典里就有这样的文章吧！你搜搜看！

使用道具举报

爱噪音

银牌会员 

帖子: 494
体力: 1217
威望: 0

发表于 2007-6-15 09:09:03 |显示全部楼层

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>相对窗口位置</title>
<style type="text/css">
.box{top:100px;left:100px;border:1px solid #999;height: 200px;width: 200px;position:fixed}
</style>
</head>
<body>
<div class="box">相对窗口位置</div>
<p style="height:800px;">0</p><p>0</p><p>0</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p><p>00</p>
</body>
</html>

提示：您可以先修改部分代码再运行

使用道具举报

剑侠狗

帖子: 11762
体力: 7242
威望: 1
居住地: 浙江省杭州市

发表于 2007-6-15 09:31:46 |显示全部楼层

http://www.evance.name/node/485

天天都有人问
这下不做广告都不行了....

呵呵

带着智商说话
布拉格

使用道具举报

小扣扣子

高级会员 

帖子: 867
体力: 871
威望: 4

发表于 2007-6-15 09:37:15 |显示全部楼层

13楼....
原来这么简单，靠他妈的css帮助文件还是没看到家
谢谢啊

在路上，还要走多远

使用道具举报

我行天下

帖子: 442
体力: 1539
威望: 0

发表于 2007-6-15 09:54:25 |显示全部楼层

這個問題好像在標准區問過NNNN遍了

大家共同进步

使用道具举报

wangning886111　

草根

帖子: 4647
体力: 2517
威望: 6
居住地: 辽宁省沈阳市

发表于 2007-6-15 10:54:50 |显示全部楼层

IE7恐怕还得改改

2

使用道具举报

cycloned　楼主

程让

钻石会员 

帖子: 1667
体力: 7012
威望: 1

发表于 2007-6-15 11:50:10 |显示全部楼层

回16楼，我搜索的关键字是：相对，窗口，定位。
找到的都是些03年的帖子，基本加了DOC就不能运行的。
就是13楼的效果，我也要加了HACK才能在IE6下运行。
我不是没搜索，是搜索了实在找不到/

使用道具举报

Archiver|手机版|blueidea.com ( 京ICP备05002321号 )

GMT+8, 2012-5-22 08:54 , Processed in 0.124518 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部