如何停止浮动：让div不被下面的div掩盖？

Question

我有以下代码：

<div>
    <div onmouseover="this.style.color='red'" 
         onmouseout="this.style.color='blue'" 
         style="float:left">
        a
        <br/>
        b
        <br/>
        c
    </div>
    <div onmouseover="this.style.color='red'" 
         onmouseout="this.style.color='blue'" 
         style="position:relative;">
        Testing, one two three...
    </div>
</div>

第一个div将第二个div中的文本推向右侧，而不是第二个div本身，因此第一个内部div中的a将被第二个div中的T覆盖内部div，并且悬停在a上方不会触发onmouseover。

这是一个非常简化的示例，但是如何获得这种布局，保留第二个div的position:relative并且不向其添加任何边距，因为第一个div可能显示也可能不显示？第二个div会掩盖第一个div似乎很奇怪。

Answer 1

如果我理解正确的话......也可以将float: left;放到第二个div。