Clear inside div A 正在清除 div A 之外的 div B 的浮动

Question

这是我在尝试使用侧边栏创建布局时多次遇到的问题。

我这里做了一个例子：http://samutz.com/div.html

#content 里面有一些东西需要浮动，然后只在#content 中清除。但是当我尝试清除#content 内部时，它也会清除#sidebar 的浮动，尽管#sidebar 在#content 之外。

Answer 1

选项 A：

1. 从#cleared 中删除 clear:both
2. 将#floating 包裹在另一个div 中，给新的div overflow:hidden; zoom:1;

如果这弄乱了 #content 文本，请将文本放入这个新的 div 中：

http://medero.org/clear2.html

溢出技术说明：http://work.arounds.org/clearing-floats/

选项 B：

您也可以绝对定位侧边栏，但如果它变长，您可能不得不弄乱最小高度。

额外：

如果您需要在主包装中包含侧边栏：

http://medero.org/clear3.html