代码是否正确？一个疑问padding和margin边距重叠的话距离该怎么算
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>margin外边距</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
ul{
list-style:none;width:300px;height:400px;
background-color:pink;
padding-top:40px;
}
li{margin-left:40px;
width:200px;height:50px;background-color:yellow;
/*样式补充*/
}
</style>
</head>
<body>
<ul>
<li style="margin-top:40px;">HTML</li>
<li style="margin-top:40px;">CSS</li>
<li style="margin-top:40px;">JavaScript</li>
</ul>
</body>
</html>
正在回答
你好同学:
padding是定义元素边框与元素内容之间的空间。ul内容是部分是从上图所示蓝色区域开始算起,所以当同学给第一个li标签的margin-top：80px;第一个li到顶部的距离就是80px+40px了
祝学习愉快!
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星