清除div中的内容A清除div B的浮点数,它位于div A之外

时间:2010-07-10 19:22:55

标签: css layout html css-float clear

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

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

#content里面有东西需要浮动然后才在#content中清除。但是当我试图清除#content内部时,它也会清除#sidebar的float,尽管#sidebar不在#content之内。

1 个答案:

答案 0 :(得分:5)

选项A:

  1. 删除clear:均来自#cleared
  2. 在另一个div中包裹#floating,给出新的div overflow:hidden; zoom:1;
  3. 如果这会弄乱#content文本,请将文本放在这个新div中:

    http://medero.org/clear2.html

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

    选项B:

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

    额外:

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

    http://medero.org/clear3.html