`

div上下层间隔问题

CSSHTML
阅读更多

代码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前面加了两个空格，显示效果就完全不一样了，出现了间隔，还一直找原因，所以也要小心空格

 

  • 大小: 2.2 KB
  • 大小: 2.9 KB
分享到：
vs2003.net恢复到默认布局
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics