IE6左右边框断线现象_陈在真Sunny_chen

http://blog.sina.com.cn/u/1960234717

首页博文目录关于我

个人资料

陈在真Sunny_chen

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：0

博客访问：10,715
关注人气：183
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

IE6左右边框断线现象

(2011-04-13 10:09:47)

标签：

ie6

断线

高度

height

1 背景色

浮动

it

分类： CSSie6

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;

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：js改变动态背景颜色

后一篇：JavaScript贪食蛇

新浪BLOG意见反馈留言板　欢迎批评指正