html - 无法设置背景颜色

Question

我无法为 #widgetContainer div 设置背景颜色。我想知道是否有一种方法可以对齐 div，以便最小化 float 元素时留下的空白空间？

我的 fiddle :jsfiddle.net/rLzb0caq

Answer 1

您的#widgetContainer 没有高度，因为所有元素都是 float 的。您应该改为设置 #widgetContent 的背景颜色，以获得所需的结果。

#widgetContent {
    height: 50%;
    width: 50%;
    margin: 0 auto;
    border: 3px groove solid red;
    outline: 2px solid black;
    background-color:yellow;
}

http://jsfiddle.net/inuya5ha/8ef7Lsvt/