CSS float 清除帮助

标签 css css-float

我正在开发一个新网站,但似乎遗漏了一些显而易见的东西。我有一个居中的包装 div,里面有左右两列。右栏由三个“主要”div (#mainTop #main #mainBottom) 组成,全部向右浮动。左列是向左浮动的较小的侧边栏 div (#sidebar)。

如果您查看测试站点:http://puresas.ebridgesites.com/您会看到左侧边栏正在清除右侧 float 的 div,我不明白为什么。

最佳答案

您可以通过移动 #sideBar 来修复它之前#mainTop在您的 HTML 中。

Live Demo
(由于 <base href="http://puresas.ebridgesites.com/" /> 正在加载您的 Assets )

关于CSS float 清除帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5119439/

相关文章:

center - 垂直对齐复杂的多 div 站点布局

html - 涉及媒体查询的绝对和相对定位?

html - DIV 没有像预期的那样将一个放入另一个

css - css中的 float 元素

css - ie7 float div高度

javascript - 固定滚动两点之间的 div 定位

css - 如何在 CSS HTML5 中将表格居中对齐?

css, flex-direction, 粘性元素

html - 为什么适合 div 内部的图像在 WIndows XP 上为 IE 8 扩展 div

css - 如何使用 CSS 使 div float 在我的文本上,同时保持在正确的位置?