为什么垂直居中时设置top的上外边距为100px，content的垂直位置也会改变？

慕仔4507821 2020-03-04

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

37

收起

2回答

好帮手慕美 2020-03-04 16:48:00

同学，你好。是因为一个div如果没有上边距(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。因此会是同学的运行效果。

同学可以设置content所在div的padding-top值为100px即可

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

TeacherZhe #1

为什么在content里写padding-top:100px就可以呢？我没有理解其中的奥秘，在top里写都没有用耶

2020-10-06 14:24:45
好帮手慕小猿回复 TeacherZhe #2

同学你好，一个div如果没有上边距(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠，主要的关系是content 与top之间的关系。想两个div 之间有距离，一种是设置content的padding-top ，因top 是在content 的子元素，所以使用padding内边距,另一种是操作top ,对于top 来说，content 是top的父级，所以用外边距margin-top，所以同学说使用top ,padding-top：100px 是没有用的，要看要设置哪个元素~ 祝学习愉快~

2020-10-07 18:58:32

慕妹6391370 2020-03-04 10:55:03

同关注，老师如果回答了提醒下我谢谢

好帮手慕美 #1

同学，你好。已经对提问同学的问题进行了回答，同学可以看下。祝学习愉快~~~~

2020-03-04 16:48:56

相似问题

LOGO不知道怎么垂直居中

margin:0 auto;这样设置是指div水平垂直都居中吗

老师我想分成两个块级元素来做，诗的块级元素怎么设置垂直水平居中显示

为什么middle没有设置定位，就能够直接使用margin：0 auto？

为什么他这样能让元素垂直居中呢？

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

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下载