如何停止float：left 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将由被掩盖T在第二内格，和悬停在a不会触发的onmouseover。

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

Answer 1

如果我理解正确的你..把float: left;到第二个div为好。