如何在浮动子元素中设置背景颜色?

时间:2016-08-24 18:27:54

标签: html css css3

我正在尝试为位于同一容器下的2个元素指定一个共同的背景颜色。

我为这两个元素设置了id;第一个元素为left,第二个元素为right。 左边的float:left,右边的float:right,宽度都为45%。容器的宽度为80%,左边距和右边距设置为auto

在容器上设置background-color时,儿童的背景颜色都不会改变,但在左侧元素上设置background-color时,它会有效。

如何为两个子元素设置背景颜色?

1 个答案:

答案 0 :(得分:0)

当您float元素时,它们将从正常文档流中删除。您的容器现在的高度为0,这意味着要显示的背景没有高度可见。要解决此问题,您可以在容器上设置overflow:auto

有关说明,请参阅有关CSS浮点数的文章:http://www.quirksmode.org/css/clearing.html