今天在工作中碰到一个很奇怪的问题，在测试兼容性的时候，出现了在IE6下面拖动滚动条，两边边框的线会出现断开的现象，很是奇怪。

查阅了网上资料终于了解明白：

　　　　1.左右边框断线现象

　　　　　　条件：容器内有两个浮动，并用CLEAR清除浮动，父元素中没有定义高度宽度。

　　　　　　症状：在ie下拖动滚动条时最外层的border会消失, 情况如下

　　　　　　

　　　HTML代码

　　　　<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 />