首先引起對這個溢出問題進行研究是因為看到一個朋友的帖子，裡面提到IE7下出現的文字溢出問題；
於是又重新翻了以前怿飛斑竹的帖子，他提到的是注釋引起的文字溢出問題，我今天看的時候發現在ie7下並沒有產生多豬的問題(以前我沒有裝ie7，所以沒有測試)，今天看到這個新帖子發現在IE下多了兩個豬，至於解決的方法有很多種，發出來大家討論下造成這種問題的原理怎麼解釋？
代碼如下：
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
在IE6,7下會多出兩個豬，在ff下是正常的；
根據怿飛前面的帖子所講，肯定是浮動造成的問題，只不過這個浮動與怿飛的浮動布局不同，所以多了一個豬；那如果用怿飛帖子中的方法也是可以解決的；
1.用添加<br />的方法
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
2.清楚浮動的方法，（這點可以說明是浮動引起的錯誤）
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
3.在文字外面再套用<div></div>
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
4.也加上浮動效果；
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
5.想想如果將外面的main中的寬度設置去掉後，會發現最後個層並未連續浮動到第三個層後面，而是另起新行排列；
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
6.將main中的寬度設定到一定數值時也可以是正常的；
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]