html - Clear inside div A 正在清除 div B 的 float ，它在 div A 之外

Question

这是我在尝试创建带有侧边栏的布局时遇到过几次的问题。

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

#content 中的内容需要 float ，然后仅在#content 中清除。但是，当我尝试清除#content 内部时，它也会清除#sidebar 的 float ，尽管#sidebar 在#content 之外。

Answer 1

选项 A:

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

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

http://medero.org/clear2.html

溢出技术的解释:http://work.arounds.org/clearing-floats/

选项 B:

您也可以完全定位侧边栏，但如果它变长，您可能不得不调整最小高度。

额外:

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

http://medero.org/clear3.html