2d与3d
来源：2-12 空间移动
慕勒6541010
2021-05-20 09:10:45
相关代码：
<style>
div{
width: 300px;
height: 300px;
border: 1px solid red;
margin: 20px auto;
}
p{
width: 298px;
height: 298px;
border: 1px solid green;
}
</style>
</head>
<body>
<div>
<p></p>
</div>
</body>
为什么这两个盒子不是完全重合的
写回答
1回答
-
同学你好，在css中块级元素带有浏览器默认的margin和padding样式，此处p元素为块级元素，它没有清除默认的margin，导致两个盒子大小不一致，不能完全重合，如图
建议在css代码顶部先清除元素默认的margin和padding，再书写其他样式代码，参考如下
祝学习愉快！
0
相似问题