html - 清除 :both on div inside a 2 column liquid layout breaks everything in FFX

Question

在此示例中使用 Firefox。 (在 IE7 中工作正常)

我在以下位置缩小了示例范围:(您可以在哪里 -> 查看源代码)

http://www.handbooster.com/example/tricky.html

问题是红色 div 上的 clear:both 属性强制它位于左侧 float 的蓝色 div 下方。这很可能是正确的和预期的行为，因为这就是 FFX 呈现它的方式。

我的问题是我需要找到一种方法让红色 div 直接放在“副标题”下面但是我不能改变 clear:both 属性没有红色 div(在我的例子中它是由第 3 方呈现的组件。)

这是可能的还是 3 部分组件上的 clear:both 属性导致无法在 float 上下文中使用该组件，因为它会干扰页面上的其他 float 元素？

Answer 1

可以设置

#content {
  float: left;
  margin-left: 0;
}

是否可以让内容 div float 。