在做笔试题时遇到这样一个问题:

按常理想,一般都会觉得margin-top嘛,百分比应该跟height有关系吧?然而结果似乎并不是这样的,答案竟然是D?不是A?!
下面来做一个验证:

CSS样式:

查看效果:

F12查看:

子元素的margin-top为150px,那不正好就是父元素width的一半?
试一下给父元素增加高度设置:

页面效果如下:

此时父元素高度变了,可是子元素的margin-top似乎没什么变化?看下图:

果然,依然是150px!震惊!
另外,padding-top也是一样的:

效果:

padding-top 为 300*10%=30px:

网友评论