IE6左右边框断线现象

为什么80%的码农都做不了架构师？>>>   

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;

转载于:https://my.oschina.net/1979/blog/151219