4-1 为什么我的要用margin才可以填充显示背景图

.menu-content{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 244px;
	height: 460px;
	z-index: 2;
	margin-top: 6px;
	background: #0f0;
}

我用padding-top控制台看是下移了，但是绿色却还是全填满了没有下移

TeLiCH 2018-04-16

源自：项目：JS实现轮播特效 4-1 导航菜单的结构

收起

3回答

卡布琦诺 2018-04-22 12:52:39

建议你把html的代码和完整的css代码贴上来，以便于大家准确地定位你的问题，并帮你解答，祝学习愉快！

收起回答

Miss路 2018-04-17 15:27:24

视频中就是用padding去写的，你可以再看看视频。

padding是对本身的填充，属于本身内部的填充，改变的是本身内部的宽度。

margin是外填充，改变的是本身和其他元素之间的距离。

所以，你用padding去填充的时候，肯定是有背景颜色的，想要没有背景颜色，和外层有间距，要用margin。

祝学习愉快！

收起回答

提问者 TeLiCH #1

那为什么视频用padding可以而我用padding不行呢

2018-04-18 14:16:56
Miss路回复提问者 TeLiCH #2

你上面写的代码，用padding是可以的，不知道同学说的不行指的哪里。

2018-04-18 14:22:42
提问者 TeLiCH 回复 Miss路 #3

就是我用了padding 背景色却不会填充而视频里是可以的

2018-04-21 21:08:46

一个bug不要慌 2018-04-17 10:41:27

padding 属性定义元素边框与元素内容之间的空间,所以设置了padding值,它的背景颜色依然是你设置的background: #0f0;

而margin是盒模型的外边距,是元素边框距离父元素的值,不是盒模型里面的内容,所以没有背景颜色

收起回答

提问者 TeLiCH #1

那怎么视频里的代码又可以实现呢？

2018-04-17 10:59:37

相似问题

老师为什么我的网页背景图加载不出来？

老师您好！为什么我插入背景图不显示呢？，用vscode编辑的

背景图片的显示方式

我的代码不知道为什么实现不了自动填充啊...

请问能否更改body的width和height

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

了解课程

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

4-1 为什么我的要用margin才可以填充显示背景图

4-1 为什么我的要用margin才可以填充显示背景图

正在回答回答被采纳积分+1

请选择置顶位置