【问题标题】:Make floating div fill container?制作浮动div填充容器?
【发布时间】:2012-02-04 21:27:42
【问题描述】:

试图让一个浮动 div 填充其父级的高度,但 #sidebar 似乎不想扩展到超过 auto

此处示例:http://jsfiddle.net/FDQKm/

有什么建议吗?

【问题讨论】:

  • 您在示例中使用了哪种 CSS 方言?
  • 您能否在您的描述中添加更多内容,并准确解释您想要做什么?
  • @MrLister: Sass
  • @j08691 很简单的问题。外层 div 的最小高度为 400px,内层 div 为 100%,因此外层 div 的计算高度为 400 像素,而内层 div 计算为 72 像素。怎么会?
  • @MrLister 是的,这就是我遇到的问题。

标签: css html css-float


【解决方案1】:

Height:100% 从来没有为我工作过。我一直在做的是通过将“overflow:hidden”应用于父div(在你的情况下为main),然后添加一个“padding-bottom:5000px;边距底部:-5000px;"到我试图让它看起来全高的 div。这将扩展恰好存在的任何背景和侧边框,就好像该元素实际上是父 div 的全高一样。

【讨论】:

    【解决方案2】:

    使父 div 位置=相对,然后调整内部 div 的大小。 内部 div 的高度应为:height:100%

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-06-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-01-18
      • 2016-05-04
      • 2010-10-16
      • 2018-05-28
      相关资源
      最近更新 更多