A.
1.内边距，边框影响盒子大小
定义好盒子大小以后，再定义内边距和边框的时候，在原有的盒子大小基础上（原有的盒子啥也不变，定义完就完了）加上内边距和边框。就像穿上一身衣服了一样。
练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box{
width:300px;
height:150px;
background-color: pink;
padding:75px 100px;
}
.small{
width:300px;
height: 150px;
background-color: red;
}
</style>
</head>
<body>
<div class="box">
<div class="small"></div>
</div>
</body>
</html>
2.
（1）子盒子只继承父盒子的宽度，不继承高度，高度不定义的话就是0
（2）子盒子没有定义宽度，继承了父盒子的宽度，定义左右内边距，只要这个内边距不大于父盒子的宽度，就不会撑大盒子（左右方向）。如果定义上下内边距的话，子盒子还是会被撑大的。
原文地址：https://www.cnblogs.com/zhaojiayu/p/12562683.html
时间： 2024-10-15 00:59:35