当前位置：首页 → 问答吧 → 如何去除在IE6中流动块与浮动元素多出的3像素

如何去除在IE6中流动块与浮动元素多出的3像素

时间：2010-12-02

来源：互联网

求助,如下代码,在标准浏览器narrow跟box1是紧密相邻的,但IE6多出了3像素,请问要怎么清除呢,谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>无标题文档</title>
<style type="text/css">
#narrow {
         float:left;
         border:1px solid #000;
         width:300px;
         height:200px;
}
#box1 {
         margin-left:302px;
         width:300px;
         height:200px;
}
#box1 {
         border:1px solid #F90;
}
</style>
</head>
<body>
<div class="content" id="narrow">#narrrow</div>
<div class="content" id="box1">#box1</div>
</body>
</html>

作者: alwayser 发布时间: 2010-12-02

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title>无标题文档</title> <style type="text/css"> #narrow { float:left; border:1px solid #000; width:300px; height:200px; } #box1 { float:left; width:300px; height:200px; border:1px solid #F90; } </style> </head> <body> <div id="narrow">#narrrow</div> <div id="box1">#box1</div> </body> </html>
提示：您可以先修改部分代码再运行

作者: haohan 发布时间: 2010-12-02

谢谢原来设置浮动就可以了

作者: alwayser 发布时间: 2010-12-02