我正在尝试为位于同一容器下的2个元素指定一个共同的背景颜色。
我为这两个元素设置了id
;第一个元素为left
,第二个元素为right
。
左边的float:left
,右边的float:right
,宽度都为45%
。容器的宽度为80%
,左边距和右边距设置为auto
。
在容器上设置background-color
时,儿童的背景颜色都不会改变,但在左侧元素上设置background-color
时,它会有效。
如何为两个子元素设置背景颜色?
答案 0 :(得分:0)
当您float
元素时,它们将从正常文档流中删除。您的容器现在的高度为0
,这意味着要显示的背景没有高度可见。要解决此问题,您可以在容器上设置overflow:auto
。
有关说明,请参阅有关CSS浮点数的文章:http://www.quirksmode.org/css/clearing.html