IE中奇怪的左右border断线现象

所属栏目:兼容性问题 时间:2014-01-05 来源:网络 作者:不详 点击:

  假如容器内有两个浮动,并用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="width:660px; 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>


请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: