发生场合：当左边对象是浮动的，右边对象采用外补丁的左边距来定位，则右边对象内的文本会离左边有3px的空白误差。
没加修正：
运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <br /> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br /> <head><br /> <title></title><br /> <style type="text/css"><br /> <!--<br /> *{<br /> padding: 0;<br /> margin: 0;<br /> }<br /> #layout{<br /> background: #F1F1F1;<br /> width: 400px;<br /> float: left;<br /> }<br /> #floatbox {<br /> float: left;<br /> width: 100px;<br /> height: 50px;<br /> background: #6d6;<br /> }<br /> p {<br /> margin: 0 0 0 100px;<br /> background: #dd9;<br /> }<br /> <br /> --><br /> </style><br /> </head><br /> <br /> <body><br /> <div id="layout"><div id="floatbox">floatbox</div><p>离左边3px</p><p>离左边3px</p></div><br /> </body><br /> </html><br />
[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"><br /> <br /> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br /> <head><br /> <title></title><br /> <style type="text/css"><br /> <!--<br /> *{<br /> padding: 0;<br /> margin: 0;<br /> }<br /> #layout{<br /> background: #F1F1F1;<br /> width: 400px;<br /> float: left;<br /> }<br /> #floatbox {<br /> float: left;<br /> width: 100px;<br /> height: 50px;<br /> background: #6d6;<br /> }<br /> p {<br /> margin: 0 0 0 100px;<br /> background: #dd9;<br /> }<br /> * html #floatbox {<br /> margin-right: -3px;<br /> }<br /> * html p {<br /> height: 1%;<br /> margin-left: 0;<br /> }<br /> --><br /> </style><br /> </head><br /> <br /> <body><br /> <div id="layout"><div id="floatbox">floatbox</div><p>现在没有3px了</p><p>现在没有3px了</p></div><br /> </body><br /> </html><br />
设为主页
收藏本站
设为主页 收藏本站 
相关文章: