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

最新推荐文章于 2019-12-11 14:52:39 发布

paulfzm

最新推荐文章于 2019-12-11 14:52:39 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/paulfzm/article/details/84126831

本文探讨了在IE浏览器中遇到的浮动布局消失问题，分析了原因，并提供了三种有效的解决方案，包括设置父元素的高度为1%，加入宽度，或使用背景色等方法，确保网页在不同浏览器环境下的一致性展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

条件：容器内有两个浮动，并用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>