匿名投稿
投稿指南
RSS订阅解决3px bug的方法之浮动法float
此例中，我们给右边的层，应用float:left;浮动，即可解决IE 3px bug。
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>52css.com</title> <style type="text/css"> <!-- #left { float:left; width:200px; height:100px; background:#f00; } #right { float:left; width:200px; height:100px; background:#fc0; } --> </style> </head> <body> <div id="left">52css.com</div> <div id="right">52css.com</div> </body> </html> |
解决3px bug的方法之障眼法
此例中，我们给左边的层，应用margin-right:-3px;，同样可解决IE 3px bug。
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>52css.com</title> <style type="text/css"> <!-- #left { float:left; width:200px; height:100px; margin-right:-3px; background:#f00; } #right { width:200px; height:100px; background:#fc0; } --> </style> </head> <body> <div id="left">52css.com</div> <div id="right">52css.com</div> </body> </html> |