css-2 div并排,一个浮动-我如何使另一个适合它旁边没有重叠?

我有一段时间遇到了下面的问题,我真的不知道该怎么解决。

目前可以在这里观察到该问题: http://www.androidpolice.com/2009/11/16/the-not-so-good-the-bad-and-the-ugly-my-list-of-20-problems-with-htc-hero/ -你可以用这个来放火球。

这里有两个概念:a 目录(TOC) 和 笔记 . 一张便条的宽度通常是发条宽度的100%,一切都很好。

然而 ,当便笺出现在目录旁边时, TOC开始重叠并覆盖便笺 (我设定 z-index:1 在目录上,因为除此之外,这张便条覆盖了它,这更糟)。

有趣的是,要指出的是,note的文本并没有被toc覆盖——只有note div本身才覆盖。

在ie7中,情况更糟——note div跳到toc下面,留下很多空白(第二张截图)。

那么,我该怎么解决呢? 理想的解决方案是note div占据100%的可见空间,也就是说,当需要时,它会调整自身大小以适合toc的旁边。

任何一点都可以。谢谢您!

以下是一些屏幕截图,供以后参考:

IE7: