如何停止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爲好。