div上下层间隔问题

最新推荐文章于 2022-06-09 16:08:05 发布

zxguo998

最新推荐文章于 2022-06-09 16:08:05 发布

阅读量650

点赞数

分类专栏：其他应用文章标签： CSS HTML

本文链接：https://blog.csdn.net/zxguo998/article/details/83682712

版权

其他应用专栏收录该内容

3 篇文章 0 订阅

订阅专栏

代码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>

显示效果为