窗口缩小再放大后,div位置错位

h66hua 2011-12-28 02:48:41
把div固定在右上角,窗口缩小后,div位置错位,窗口放大也会错位,除非刷新一下才可以,div里边包含一个flash,大致代码是:
div_obj.style.position="absolute"; //div_obj是包含flash的div的id
div_obj.style.clip = "rect(225px 323px 283px 235px)";

if(align_str=="right" ){
div_obj.style.right="0px";
if(valign_str=="top"){
div_obj.style.top = "-230px"; //这个向上偏移,在浏览器窗口大小改后便不起作用了,整个div都出来了
}
...全文
735 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
p2227 2011-12-28
  • 打赏
  • 举报
回复
absolute 定位只会根据当前浏览器大小而定,就在打开的时候定一次

<style>
#toadd{
width:200px;
height:200px;
float:right;
_position:relative;
_top:0px;
}

#wrap{
width:900px;
margin:0 auto;
_margin-top:-200px;
}
</style>
<div id="toadd">
右上角的内容
右上角的内容
右上角的内容
右上角的内容
</div>
<div id="wrap">
<p>网页的其他内容</p><p>网页的其他内容</p><p>网页的其他内容</p>
<p>网页的其他内容</p><p>网页的其他内容</p><p>网页的其他内容</p>
<p>网页的其他内容</p><p>网页的其他内容</p><p>网页的其他内容</p>
<p>网页的其他内容</p><p>网页的其他内容</p><p>网页的其他内容</p>
<p>网页的其他内容</p><p>网页的其他内容</p><p>网页的其他内容</p>
<p>网页的其他内容</p><p>网页的其他内容</p><p>网页的其他内容</p>
<p>网页的其他内容</p><p>网页的其他内容</p><p>网页的其他内容</p>
</div>


  • 打赏
  • 举报
回复
1。首先先确定你整个页面是否需要根据窗口自动调整内容位置。如果不需要或者干脆就不应该,那就把尺寸都定死,不要用相对尺寸。

2。如果需要自动调整的话,IE8或FIREBUG里不是有些辅助调试的功能吗,比如让所有对象显示出轮廓线来。这样的话,你就容易看清是哪些对象导致的问题了。
三石-gary 2011-12-28
  • 打赏
  • 举报
回复
看看这个高度是相对于什么高度。。。而你把它的位置又设成了绝对。。。

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧