如何制作位于页面X和Y位置的徽标,如果内容很多则向下移动

发布于 2025-01-02 22:50:35 字数 299 浏览 0 评论 0原文

对于很多人来说,这很容易,但它让我生气:

我有一个网页(黑色区域),其中 div(红色区域)包含一些我不知道有多少内容。

如果内容少于它需要到达徽标的位置,则徽标应保持在我的 div 的该点的位置,它不应该上升。

如果内容多了,就应该往下走(与文字保持固定距离)

如何实现?

图片内容不多 大量内容图片

For a lot of you this is easy but it's making me mad:

I have a webpage (black area) where div (red area) contains some content which I don't know how much is.

If the content is less then it needs to reach the logo, the logo should stay positionend in that point of my div, it shouldn't go up.

If the content is more, it shuld go down (keeping a fixed distance from text)

How to achieve this?

Not a lot of content image
A lot of content image

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

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

发布评论

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

评论(2

忆梦 2025-01-09 22:50:35

min-height CSS 属性:

div { min-height:400px; }

http://jsbin.com/oxodak/2/

The min-height CSS property:

div { min-height:400px; }

http://jsbin.com/oxodak/2/

半﹌身腐败 2025-01-09 22:50:35

您想要一个“粘性页脚”,但包含在 div 中而不是整个页面中。

调整此处显示的方法: http://ryanfait.com/resources/页脚粘到页面底部/

You want a "sticky footer", but contained inside a div instead of the whole page.

Tweak the method shown here: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

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