保证金这是我的html:给孩子的div相对于父DIV
<div class='parentDiv'>
<div class='childDiv'></div>
</div>
,这是我的CSS:
.parentDiv {
margin-top: 200px;
width: 700px;
height: 800px;
background-color: red;
}
.childDiv {
background-color: green;
width: 50px;
height: 50px;
margin-top: 22px;
}
小提琴:http://jsfiddle.net/1whywvpa/
为什么childDiv呢没有得到22px的margin-top?如果像素大于已经赋给parentDiv的200px,它只会得到一个页边距。任何方式使childDiv获得相对于parentDiv的22px的父级div,而无需执行某种类型的“给父级div添加1px填充”hack?
'的位置是:绝对的;'到'.childDiv'将会工作,但我不确定你会使用它。 – Anonymous 2014-09-21 21:27:47
@MaryMelody是啊我不想使用position:absolute; – user2719875 2014-09-21 21:28:14
将'display:inline-block;'设置为'.childDiv'或'.parentDiv' - http://jsfiddle.net/1whywvpa/2/ – Anonymous 2014-09-21 21:29:27