老师 4-6案例中去掉padding-top:60px

老师 4-6案例中去掉padding-top:60px，然后在.content中加上 margin-top:60px 为什么不行

慕粉1149105846 2020-01-07

源自：盒子模型 4-6 案例应用

21

收起

2回答

好帮手慕言回答被采纳获得+3积分 2020-01-07 18:42:24

同学你好，margin-top中的属性值，要加单位。另外：如果使用margin的话，会发生margin传递的情况，也就是：在一个父子元素结构里，如果子元素设置了margin-top值会出现一个问题，就是子元素的margin-top会作用到父级元素。

可以稍作一下修改：

效果图：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

好帮手慕言 2020-01-07 17:32:53

同学你好，给类名为content的元素设置padding-top,那么是.content元素的padding-top为60px，如下：

不能达到效果，因此要把padding-top设置在类名为list1元素上。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者慕粉1149105846 #1

老师我的意思是用.content{margin-top:60} .list1{width:100%;height:150px;background-color: #040a10;} .content{font-size:20px;color:#fff;font-weight:bold;margin-top: 60px;background: orange;text-align: center;} 这样设置为什么不行

2020-01-07 18:10:32

相似问题

4-4案例应用

老师,好难好难啊,对着案例都做不动,后面怎么办哎

想把两个图推到中间，计划加margin:10px 60px；但是实现不什么原因，先实现上面top即可

4-6 案例应用为什么设置padding-top=60 前端课程居中显示怎么算出来的？

3&&4 || 5&&6为什么结果是4呢？

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载