Html 第三个div和clearfix的位置不工作

我正在制作一个网站等等，直到现在我还没有遇到任何问题。我不能像我想的那样做。以下是我的截图： 在大型显示器上：一切都很好，但当它进入平板电脑时，它看起来是这样的：这就是我想要实现的。clearfix hack的div不起作用，我将他粘贴到中间块（第一个屏幕截图）之后

我认为这不是什么大问题，但我找不到，谢谢你的帮助：）

#容器{
宽度：800px；
高度：自动；
保证金：0自动；
溢出：隐藏；
}
#一,，
#二,，
#三{
宽度：48%；
溢出：隐藏；
浮动：左；
}
#一个{
高度：200px；
背景：红色；
}
#两个{
高度：500px；
背景：绿色；
}
#三{
高度：100px；
背景：蓝色；
}
.clearfix{
显示：块；
缩放：1；
}
.clearfix:：之后{
内容：“；
显示：块；
字号：0；
身高：0；
明确：两者皆有；
可见性：隐藏；
}

---

要浮动左侧的节，

左侧的节

，浮动右侧的节右侧的节，然后禁用

.clearfix

（

显示：无；

）

#容器{
宽度：800px；
高度：自动；
保证金：0自动；
溢出：隐藏；
}
#一,，
#二,，
#三{
宽度：48%；
溢出：隐藏；
浮动：左；
}
#一个{
高度：200px；
背景：红色；
}
#两个{
高度：500px；
背景：绿色；
浮动：对；
}
#三{
高度：100px；
背景：蓝色；
}
.clearfix{
显示：无；
缩放：1；
}
.clearfix:：之后{
内容：“；
显示：块；
字号：0；
身高：0；
明确：两者皆有；
可见性：隐藏；
}

---

要浮动左侧的节，

左侧的节

，浮动右侧的节右侧的节，然后禁用

.clearfix

（

显示：无；

）

#容器{
宽度：800px；
高度：自动；
保证金：0自动；
溢出：隐藏；
}
#一,，
#二,，
#三{
宽度：48%；
溢出：隐藏；
浮动：左；
}
#一个{
高度：200px；
背景：红色；
}
#两个{
高度：500px；
背景：绿色；
浮动：对；
}
#三{
高度：100px；
背景：蓝色；
}
.clearfix{
显示：无；
缩放：1；
}
.clearfix:：之后{
内容：“；
显示：块；
字号：0；
身高：0；
明确：两者皆有；
可见性：隐藏；
}

请给我们一个工作演示。并包括所有相关的标记。例如，您缺少

.clearfix

的css。此代码不会在屏幕截图中再现布局。这是你看到我是如何编辑你的文章的吗？请以后自己做这件事。在你的帖子中包含，不要只包含其中的一部分，也不要链接到像JSFIDLE这样的第三方网站，因为你可以在StackOverflow上轻松地包含它。好吧，我明白了，很抱歉，我只是在这里问我哪里不能解决这个问题，这并不常见，这就是为什么我这样写，下次我会像你说的那样做。最后我解决了我的问题，我把花车弄得一团糟，非常感谢：）谢谢。不客气。请给我们一个工作演示。并包括所有相关的标记。例如，您缺少

.clearfix

的css。此代码不会在屏幕截图中再现布局。这是你看到我是如何编辑你的文章的吗？请以后自己做这件事。在你的帖子中包含，不要只包含其中的一部分，也不要链接到像JSFIDLE这样的第三方网站，因为你可以在StackOverflow上轻松地包含它。好吧，我明白了，很抱歉，我只是在这里问我哪里不能解决这个问题，这并不常见，这就是为什么我这样写，下次我会像你说的那样做。最后我解决了我的问题，我把花车弄得一团糟，非常感谢：）谢谢。不客气。