代码1
?
<html>
<head>
<title>div上下层间隔问题</title>
<style type="text/css">
*{ margin:0; padding:0;}
#main{width:120px; height:120px; background:gray;}
#d1{width:100px; height:50px; background:yellow;}
#d3{width:100px; height:50px; background:red;}
</style>
</head>
<body>
<div id="main">
<div id="d1"></div>
<div id="d3"></div>
</div>
</body>
</html>
?
显示效果为
?
?
代码2
?
<html>
<head>
<title>div上下层间隔问题</title>
<style type="text/css">
*{ margin:0; padding:0;}
#main{width:120px; height:120px; background:gray;}
#d1{width:100px; height:50px; background:yellow;}
#d3{width:100px; height:50px; background:red;}
</style>
</head>
<body>
<div id="main">
<div id="d1"></div>
<div id="d3"></div>
</div>
</body>
</html>
?
显示效果为
?
?
代码2只是在div前面加了两个空格，显示效果就完全不一样了，出现了间隔，还一直找原因，所以也要小心空格
?