DIV浮动IE文本出现3px间距的bug-CSS教程-爱易网页

DIV浮动IE文本出现3px间距的bug

日期：2013-06-29　浏览次数：21503 次

发生场合：当左边对象是浮动的，左边对象采用外补丁的左边距来定位，则左边对象内的文本会离左边有3px的空白误差。

没加修正：

运转代码框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title></title> <style type="text/css">  </style></head><body><div id="layout"><div id="floatbox">floatbox</div><p>离左边3px</p><p>离左边3px</p></div></body></html>

[Ctrl+A 全部选择提示：你可先修正部分代码，再按运转]

修正过：(加了以下代码)

* html #floatbox {
margin-right: -3px;
}
* html p {
height: 1%;
margin-left: 0;
}

不考虑mac下ie5.02

运转代码框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title></title> <style type="text/css">  </style></head><body><div id="layout"><div id="floatbox">floatbox</div><p>如今没有3px了</p><p>如今没有3px了</p></div></body></html>

[Ctrl+A 全部选择提示：你可先修正部分代码，再按运转]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

DIV浮动IE文本出现3px间距的bug

相关资料更多>

推荐阅读更多>