Html 使用float时CSS不起作用

我是Web开发的新手，我试图创建一个简单的HTML站点，带有少量的css样式和一些PHP，在使用float:left on a div之后，我目前面临使用css的问题

。中间条{
背景色：红色；
}
李中吧{
浮动：左；
列表样式类型：无；
右边距：5px；
填充物：5px2px；
}

你好

将子元素作为浮动元素的父元素将降低高度，请使用

clearfix

类，了解更多详情

。中间条
{
背景色：红色；
}
李中吧
{
浮动：左；
列表样式类型：无；
右边距：5px；
填充物：5px2px；
}
.clearfix:之后{
可见性：隐藏；
显示：块；
字号：0；
内容：“；
明确：两者皆有；
身高：0；
}
.clearfix{显示：内联块；}
/*开始反斜杠攻击\*/
*html.clearfix{height:1%；}
.clearfix{display:block；}
/*关闭带注释的反斜杠hack*/

你好

非常有魅力！谢谢你的帮助。@Zylva不客气！