首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >位置混合:绝对和固定

位置混合:绝对和固定
EN

Stack Overflow用户
提问于 2009-10-17 18:45:46
回答 2查看 8.3K关注 0票数 1

有谁能想到一种非Javascript的方法来做以下事情:

  • 屏幕上有一个DIV元素。它的位置是无法预测的。
  • 它有一个固定的宽度,并且应该重叠文档中的所有其他内容,即。它将“位置”设置为"absolute".
  • This是一个陷阱:我希望将DIV的底部边缘粘贴到Viewport的底部。我尝试给元素“底部: 0px",但是在没有”高度“设置的情况下,整个DIV向下移动到底部的角落,这不是我想要的。我希望它从文档中的随机位置延伸到视图端口的底部边缘。

如果不使用JavaScript,我就无法找到解决方案,但也许有人有一个绝妙的想法。

EN

回答 2

Stack Overflow用户

发布于 2009-10-17 19:01:04

我相信以下内容不兼容IE6,但适用于所有其他浏览器。在底部,你也应该给它一个顶部。一旦你设定了高度,它就会被优先考虑(我给了它一个边框,这样你就可以看到它伸展):

代码语言:javascript
运行
复制
<div style="position:absolute;top:150px;bottom:10px;width:100px;border:1px solid red;">
    I'm stretched to the  bottom
</div>
票数 2
EN

Stack Overflow用户

发布于 2009-11-12 02:21:18

尝尝这个

http://www.doxdesk.com/software/js/fixed.html

也试着检查位置:相对位置;位置:静态;位置:固定;

谢谢freeweb.pk

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1582920

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档