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

2006-04-17 作者:BitsCN.com整理来源:中国网管联盟点评 投稿 收藏

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

没加修正：网管网www.bitscn.com

运行代码框
网管联盟bitsCN_com

<!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>

中国网管论坛bbs.bitsCN.com

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

网管有家www.bitscn.net

修正过：(加了以下代码) 网管下载dl.bitscn.com

* html #floatbox {
margin-right: -3px;
}
* html p {
height: 1%;
margin-left: 0;
} 网管u家u.bitscn@com

不考虑mac下ie5.02

网管联盟bitsCN@com

运行代码框网管下载dl.bitscn.com

<!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> 网管联盟bitsCN@com

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

中国网管论坛bbs.bitsCN.com

顶一下

TAGs：出现文本浮动 html background: 左边代码运行 height:

上一篇：网页设计技巧谈：走出路径的困惑下一篇：CSS:font-variant

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

2006-04-17 作者:BitsCN.com整理 来源:中国网管联盟 点评 投稿 收藏

2006-04-17 作者:BitsCN.com整理来源:中国网管联盟点评投稿收藏