浮動時候IE下div斷線問題

好久沒寫頁面了，今天寫頁面爲了能在IE6下兼容，一張頁面，居然糾結了我一上午，寫頁面的過程中出現了以前出現過的IE6下div 邊框斷線問題

爲了以防今後還會有類似的問題出現，特意寫點筆記記錄下來

最外層的div是沒有定義任何高度的

我們可以通過下面的辦法解決：
　　　1.在父元素中加入height:1%
　　　2.加入一個寬度
　　　3.加入一個背景色

試了試這幾種方法都可以解決問題，要解釋卻是很難解釋的清楚

<div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%">
<div style="float:left">
網頁標準化過程中一些理論<br />
網頁標準化過程中一些理論<br />
網頁標準化過程中一些理論<br />
網頁標準化過程中一些理論<br />
</div>
<div style="float:right">
網頁標準化過程中一些理論<br />
網頁標準化過程中一些理論<br />
網頁標準化過程中一些理論<br />
網頁標準化過程中一些理論<br />
</div>
<div style="clear:both"></div>
</div>

像這種情況，在火狐下可以看出最外成的高度爲192px；如果將最外層的

style="margin:192px 100px 10px 100px;

斷線依然存在，當設置成

style="margin:191px 100px 10px 100px;

斷線是不存在的，如果給最外一層加上一高度，斷線卻是怎麼也不會存在了

這問題着實有點奇怪，求解釋也解釋不出來，先收着吧，說不定有天我能碰到對此的解釋說明