【问题标题】:Dynamic content height [duplicate]动态内容高度[重复]
【发布时间】:2012-08-19 20:46:45
【问题描述】:

可能重复:
make div's height expand with its content

my website 上,您可以看到我将页面的页脚固定在底部。由于我们的赞助商,它需要始终可见,这就是我修复它的原因。

现在的问题是部分内容隐藏在页脚后面。我可以通过在 css 中为 .container_12 div 添加一个大的高度来解决这个问题,如下所示:

.container_12 { height: 1500px; margin-left: auto; margin-right: auto; width: 960px; }

但这不是一个合适的解决方案:对于只有少量内容的页面,它太高了,并且能够一直向下滚动,从而使内容区域全黑;当页面将来增长时,1500px 的高度可能会变得不够。

无论如何,我只是想要它适合,但不知道该怎么做。

希望有人能帮助我!

大家好

【问题讨论】:

  • 你对你的 html/css 做了什么!溢出过多:隐藏;和位置:固定;。但要按照@Burntime 的建议进行快速操作。
  • 感谢您的评论!在哪里可以删除溢出隐藏和位置固定?

标签: html css dynamic height


【解决方案1】:

我看到的最快方法是将margin-bottom: 360px; 添加到.container_12

【讨论】:

  • 它有效,但为什么这么多?页脚根本没有那么高,但我需要放置大约 400px 才能让它工作,就像你说的那样..
  • 我认为它与body: { height: 100% } 有很多冗余样式。需要一些时间才能找到确切的原因。
猜你喜欢
  • 1970-01-01
  • 2013-08-02
  • 2018-05-09
  • 2014-01-07
  • 2018-09-29
  • 2015-08-09
  • 1970-01-01
  • 2012-10-09
  • 1970-01-01
相关资源
最近更新 更多