Html 潜水服不能向下伸展

我不能让这件红色的潜水衣穿过其他的潜水衣。我尝试过使用clear：两者都有；属性和其他一些组合，但没有效果。谁能告诉我我做错了什么？谢谢

#页脚换行{
宽度：100%；
高度：自动；
保证金：0自动；
背景：#dc0000；
}
#页脚{
宽度：960px；
高度：自动；
保证金：0自动；
背景：#dc0000；
填充：30px 0 30px 0；
}
.footer类{
宽度：126px；
高度：200px；
浮动：左；
背景:#093；
利润率：0.30px 0.0；
}
.footer类结束{
宽度：180px；
浮动：对；
背景：#FF0；
}

产品
支持
信息
合法的
互动的
啁啾

您必须使用

清除：左

清除左

浮动

#页脚换行{
宽度：100%；
高度：自动；
保证金：0自动；
背景：#dc0000；
}
#页脚{
宽度：960px；
高度：自动；
保证金：0自动；
背景：#dc0000；
填充：30px 0 30px 0；
}
.footer类{
宽度：126px；
高度：200px；
浮动：左；
背景:#093；
利润率：0.30px 0.0；
}
.footer类结束{
宽度：180px；
浮动：对；
背景：#FF0；
}
.清楚{
清除：左；
}

产品
支持
信息
合法的
互动的
啁啾

或将溢出：隐藏添加到包装器

---

这是浮动元素的众所周知的问题…

您没有添加

clearfix

，这就是它不起作用的原因