CSS 或 Javascript 的混合绝对/固定定位行为?

发布于 2024-12-04 09:01:29 字数 512 浏览 0 评论 0原文

我需要将一个 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/

enter image description here

Thank you!!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

瀟灑尐姊 2024-12-11 09:01:30

只需添加以下 css:

#container{
 position:relative;
}

.blc{
   position:absolute;
   left:0px; 
   bottom:0px;
}

Just add following css:

#container{
 position:relative;
}

.blc{
   position:absolute;
   left:0px; 
   bottom:0px;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文