如何制作位于页面X和Y位置的徽标,如果内容很多则向下移动
对于很多人来说,这很容易,但它让我生气:
我有一个网页(黑色区域),其中 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?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
min-height CSS 属性:
http://jsbin.com/oxodak/2/
The min-height CSS property:
http://jsbin.com/oxodak/2/
您想要一个“粘性页脚”,但包含在
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/