2010-07-10 75 views
8

这是我尝试使用侧边栏创建布局时遇到过的几次问题。清除内部div A清除div B之外的浮动内容A

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

#内容有东西里面,需要浮动,那么只有#内容中明确。但是,当我尝试清除#content内部时,尽管#sidebar超出了#content,它也会清除#侧栏的浮动。

+0

什么浏览器?在Opera中我看起来不错.. – 2010-07-10 19:32:21

+0

你有没有试过答案呢? – 2010-07-10 20:38:27

回答

5

选项A:

  1. 删除明确的:无论是从#cleared
  2. 包装其他DIV中#floating,给新的div overflow:hidden; zoom:1;

如果这搅乱#内容文本,把这个新的div里面的文字:

http://medero.org/clear2.html

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

选项B:

您也可以进行绝对定位的侧边栏,但如果它变得很长,你可能需要用最小的高度混乱。

附加:

如果您需要包含侧边栏与主包装:

http://medero.org/clear3.html

+0

谢谢,我将与选项A. – Samutz 2010-07-10 20:43:16

+0

这是否仍然如此?我遇到了这个问题,我确信我在过去以不同的方式解决了这个问题。但已经有一段时间了,这是我现在唯一能够开始工作的事情。 – Nicole 2013-09-08 06:59:57

+0

断开的链接,请修复 – Vamsi 2013-10-26 14:26:15