html - 为什么不显示第二个 div 的背景图像？

Question

这是我要实现的原型(prototype)

这是我目前拥有的 JsFiddle: JS Fiddle

我想要做的是让选项——选择一个支出配置文件、为我找到合适的卡片等设置一个背景颜色。我尝试从包含所有这些选项的 div 执行此操作。这是我这样做的代码(来自 JS Fiddle)

#options {
      margin-top:20px;
      background-image: url("http://i.imgur.com/EuMb532.png");
}

出于某种原因，使用相同的背景图片链接，标题 div 能够选择背景颜色，但我的第二个 div(包含所有选项)却不能。

我知道这不是指定类问题，因为我在 CSS Class 上检查了我的语法而不是背景图像的问题，因为它与 div 标题一起工作，我检查了 CSS Background 上的语法.

有谁知道为什么第二个 div 不显示背景颜色？

Answer 1

#options 中的 .To_Left 跨度向左浮动，#options 的样式没有包含它们，因此它们脱离了#options 并留下没有高度的#options。

向#options 添加“溢出:隐藏”(可能还有底部边距)将使背景显示出来。