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 />
       </div>
       <div style="clear:both"></div>
</div>

 

药方：

方法1.在父元素中加入height:1%(在设计中不允许加入高度时对IE6使用的HACK技术，如_height:1%;)
方法2.加入一个宽度
方法3.加入一个背景色
方法4.用其它方法清除浮动, 如zoon:1; overflow:hidden;

 

潍坊网站建设提供