CSS 或 Javascript 的混合绝对/固定定位行为?
我需要将一个 div 放置在容器的左下角,该容器的实际高度为浏览器窗口的 100%。容器有运动。是否可以使用 css 甚至 jQuery 将子 div 放置在容器的左下角?
这是一种混合行为,如下所示:
<div id="container">
<span class="blc">i'm here!</span>
</div>
.blc{
position:fixed; bottom:0px;
position:absolute; left:0px;
}
我在 JSFiddle 上提供了一个示例。 http://jsfiddle.net/DeRwm/
谢谢!!!
I need to position a div in the bottom left corner of a container that has a real height of 100% of the browser window. The container has movement. Is it possible with css or even jQuery to get a child div positioned in the bottom left hand corner of a container?
That is something a hybrid behavior like this:
<div id="container">
<span class="blc">i'm here!</span>
</div>
.blc{
position:fixed; bottom:0px;
position:absolute; left:0px;
}
I've provided an example on JSFiddle. http://jsfiddle.net/DeRwm/
Thank you!!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
只需添加以下 css:
Just add following css: