我正在制作一个列表,其中包含两列列表,按日期排序。我想使用以下方法交替不同日子的背景颜色(白色/红色/白色/红色):
.evenDayBlock {
background:#red
}
我创建了一个小提琴来显示布局 http://jsfiddle.net/Ceh37/
问题是,由于我已经浮动了每个列表项,因此具有类的 div 在evenDayBlock
填充列表时没有向下扩展。如果我删除每个列表项的浮动,则 div 会正确展开。如何使用浮点数同时确保父 div 尊重子大小?
更新
好的,我知道我不能用列表项代替 div,因为它会产生邪恶的东西。我在这里更新了小提琴:
全部切换到div。这让我处于一个更好的位置,因为现在 evenDayBlock 被推过第一个oddDayBlock,但它仍然没有扩展到覆盖它包含的所有子 div。