ie6的绝对定位的1px间距 bug
2011-09-15 17:34
169 查看
<div style="position:relative;width:100px;height:101px;background:#ff0;">
<p style="position:absolute;bottom:0;left:0;background:#f00;">你好,我是IE6</p>
</div>
你会发现 p元素下面还有1px的间距。 这个BUG的条件是,当 父元素的高度或宽度(此时对应的p元素为right:0;)为奇数时。
解决方法两种
1、父元素的宽度,高度为偶数
2、p {_bottom:-1px;}
<p style="position:absolute;bottom:0;left:0;background:#f00;">你好,我是IE6</p>
</div>
你会发现 p元素下面还有1px的间距。 这个BUG的条件是,当 父元素的高度或宽度(此时对应的p元素为right:0;)为奇数时。
解决方法两种
1、父元素的宽度,高度为偶数
2、p {_bottom:-1px;}
相关文章推荐
- IE6 绝对定位元素的 1px 间距 bug(转自:http://www.99css.com/archives/53)
- IE6 相对定位容器中的绝对定位BUG
- IE6列表上下多余间距bug解决方法
- IE6|IE7中li底部3px间距BUG
- IE6 IE7 hasLayout bug之li间的3px垂直间距
- 郁闷的1px - IE6绝对定位的神奇bug
- 解决IE6中li有上下间距的bug
- IE6中宽高值奇数1px bug
- ie6产生双倍间距的BUG
- IE6 在float对象边的块之间出现3px间距的处理方法( IE6 3px bug)
- 解决IE6中li有上下间距的bug
- IE6、IE7中li底部3px间距BUG
- IE6下absolute定位相差1px的BUG
- 解决IE6中li有上下间距的bug
- IE6 Bug解决方法HACK汇总
- IE6的双倍边距BUG
- IE中伪类:hover的使用及BUG,以及如何在IE6中进行修正(CSS)
- IE6下js通过css隐藏select的一个bug
- 一个IE6下重复加载的BUG
- IE6 下父级(relative)使用padding后,子元素绝对定位(absolute)的bug