首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

IE6上 拖动滚动条 左右边框断线现象

2012-09-14 
IE6下 拖动滚动条 左右边框断线现象条件:容器内有两个浮动,并用CLEAR清除浮动。症状:在ie下拖动滚动条时最

IE6下 拖动滚动条 左右边框断线现象

条件:容器内有两个浮动,并用CLEAR清除浮动。
症状:在ie下拖动滚动条时最外层的border会消失,如果给最外层加上宽度或者高度就不会出现。
<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%
方法2.加入一个宽度
方法3.加入一个背景色
<div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%; height:1%">
?????? <div style="float:left">
????????????? 网页标准化过程中一些理论<br />
????????????? 网页标准化过程中一些理论<br />
????????????? 网页标准化过程中一些理论<br />
????????????? 网页标准化过程中一些理论<br />
?????? </div>
?????? <div style="float:right">
????????????? 网页标准化过程中一些理论<br />
????????????? 网页标准化过程中一些理论<br />
????????????? 网页标准化过程中一些理论<br />
????????????? 网页标准化过程中一些理论<br />
?????? </div>
?????? <div style="clear:both"></div>
</div>

PS 本人 试用过??? 加%1高度就OK; 加背景 好像不太好用

热点排行