首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用position:fixed定位div的底部

使用position:fixed定位div的底部
EN

Stack Overflow用户
提问于 2013-02-21 23:31:15
回答 1查看 94关注 0票数 0

我有一个带有动态内容的div,我想从视口顶部定位500px。使用

代码语言:javascript
运行
复制
position:fixed;
top:500px

定位div的顶部,但我如何实现从顶部定位div 500 px的底部?

下面是一个示例:

附言:

代码语言:javascript
运行
复制
position:fixed; 
bottom: 12345px

不是我要找的。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-21 23:43:51

您可以将内容放到另一个div中,然后将其绝对定位到固定div的底部,如下所示:http://jsfiddle.net/JDq9C/

html

代码语言:javascript
运行
复制
<div id="fixed">
    <div id="dynamic">
        blah blah
    </div>
</div>

css

代码语言:javascript
运行
复制
#fixed {position:fixed; top:500px; left:0;}
#dynamic {position:absolute; bottom:0;}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15006068

复制
相关文章

相似问题

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