4-4案例应用？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实例应用</title>
<style type="text/css">
*{margin: 0px;padding: 0px;}
.center{width: 200px;margin: 0px auto;text-align: center;}
.one{width: 100%;
background: black;
color: white;
font-family: "微软雅黑";
font-weight: bolder;
font-size:20px;
height: 100px;
line-height: 100px;}
.two{background: #f0f4f5;padding: 15px;}/**/
.p1{border-bottom:1px solid gray;
font-family: "微软雅黑";line-height: 1.5em;}
span{font-family: none;font-size: 15px;}
.p2{border: none;}
</style>
</head>
<body>
<div class="center">
<div class="one">前端课程排列</div>
<div class="two">
<p class="p1">HTML+CSS基础课程
<span>456695人在学</span>
</p>
<p class="p1">HTML+CSS基础课程
<span>456695人在学</span>
</p>
<p class="p1 p2">HTML+CSS基础课程
<span>456695人在学</span>
</p>
</div>
</div>
</body>
</html>
为什么我在two那里设置了padding，整体没有发生变化，反而是内容缩小了
正在回答
因为two元素没有固定的宽度，所以padding和内容会自适应在父元素内的大小，你给two元素设置一个宽度，例如width:100%，就能看出来差别了
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星