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

来源：4-1 导航菜单的结构

TeLiCH

2018-04-16 21:39:36

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

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

写回答

3回答

樱桃小胖子

2018-04-22

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

Miss路

2018-04-17

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

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

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

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

祝学习愉快！

heLiCH

hiss路

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

h018-04-21

共3条回复

一个bug不要慌

2018-04-17

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

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

heLiCH

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

h018-04-17

共1条回复

0 学习 · 36712 问题

相似问题

回答 2

回答 2

回答 2

回答 3

回答 2