【问题标题】:div height 100% not working - I want to display background color at full heightdiv height 100% 不工作 - 我想全高显示背景颜色
【发布时间】:2013-02-13 19:39:29
【问题描述】:

我已经搜索没有成功...

我无法让 DIV 背景颜色跨越内容的高度

这里是网站,我放了“测试”这个词只是为了看一眼颜色:

http://learn.rupertport.com/?port_plan=grain-on-the-move

任何帮助将不胜感激。

谢谢 - 尼基

【问题讨论】:

  • 你说的是哪个背景?
  • 我说的是绿色背景

标签: html colors background height


【解决方案1】:

您的问题是 DIV 有一个没有定义高度的父元素。

<div id="content" class="clearfix">
  <div id="PA-thumb">
    <div class="clearpathumb">testing</div>
  </div>
</div>

因此,您需要为元素“PA-thumb”或元素“内容”指定一个定义的高度,以便“测试”DIV 能够填充它。我下载了网页,如果我给其他元素之一指定高度,它就能填满 100%。

【讨论】:

  • 也许我正在尝试做一些不可能的事情。它就像你说的那样工作(PA-thumb 具有定义的高度)....但我希望调整高度以使颜色条从顶部显示到页脚 - 无论页面内容有多长(某些页面将是更短的页面 - 一些更长)
猜你喜欢
  • 2010-12-19
  • 1970-01-01
  • 2014-02-26
  • 2015-01-15
  • 2021-10-19
  • 2015-03-15
  • 2021-11-19
  • 1970-01-01
  • 2012-04-02
相关资源
最近更新 更多