老师，这两种方式是如何产生80px的效果的，尤其第一种里，padding和margin是会叠加的吗？

亨heng 2020-07-02

源自：CSS浮动 3-6 编程练习

22

收起

1回答

好帮手慕美回答被采纳获得+3积分 2020-07-02 11:50:10

同学，你好。

1、第一种方法：不会叠加，80px是ul的padding-top加上li的margin值

2、第二种方法：设置ul的padding-top为80px，li的margin为40px，因此HTML距项部距离为120px

如果我的回答解决了您的疑惑，请采纳！祝学习愉快~~~~

亨heng 提问者 #1

老师，一开始不是已经写了 * { margin: 0; padding: 0; } 那灰绿色的部分是怎么产生的？

2020-07-02 16:50:12
好帮手慕美回复提问者亨heng #2

同学，你好。同学在ul和li中设置了相应的margin和padding的值，会覆盖掉之前设置的样式，因此会产生内边距和外边距。祝学习愉快~~~~

2020-07-02 16:55:51

相似问题

代码是否正确？一个疑问padding和margin边距重叠的话距离该怎么算

老师我发现这两种方式都可以实现效果，那那种更准确呢

这两种方式都能实现位置的设置，有什么区别呢？

这里是两个方法

老师，这里用隔墙的方式清除浮动，margin没有失效

登录后可查看更多问答，登录/注册

3.从网页搭建入门Python Web

参与学习人
提交作业 218 份
解答问题 3562 个

本阶段带你用Python开发一个网站，学习主流框架Django+Flask是Python Web开发的第一步，在基础知识上实现积分商城的项目开发，体验真实的项目开发流程，提高解决编程问题和效率的能力。

本课精华内容

问答作业

关于git的问题

25 1

admin，index能正常打开，127.0.0.1：8000却打不开

15 2

地址编辑页面出错，帮看下是什么问题

25 1

可以具体讲解一下script里面的函数吗？

42 3

检测的时候出了问题

88 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载