当前位置：首页 → 问答吧 → DIV布局，空隙！！！

DIV布局，空隙！！！

时间：2011-10-14

来源：互联网

在VS中：三个DIV没有空隙；
在IE中：三个DIV出现细小空隙
css：
#main { background: #99FFFF; height: 300px; margin:0; padding:0px; border:0px; }

#side1 { background: #99FF99; height: 300px; width: 120px; float: right;margin:0;padding:0px;border:0px; }

#side{ float:left; height:300px; width:120px;background:#9f95ff;margin:0;padding:0px;border:0px;}
html：
<div id="side">此处显示 id "side" 的内容</div>
<div id="side1">此处显示 id "side1" 的内容</div>
<div id="main">此处显示 id "main" 的内容</div>

作者: qq277101298 发布时间: 2011-10-14

把你的
<html>
改成：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">

而且<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">这行须要放在第一行。

作者: theforever 发布时间: 2011-10-14

简便点，第一行也可以写成<!DOCTYPE html>

作者: theforever 发布时间: 2011-10-14

清除浮动试试

作者: fuguojian 发布时间: 2011-10-28