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

按常理想，一般都会觉得margin-top嘛，百分比应该跟height有关系吧？然而结果似乎并不是这样的，答案竟然是D？不是A？！

下面来做一个验证：

CSS样式：

查看效果：

F12查看：

子元素的margin-top为150px，那不正好就是父元素width的一半？

试一下给父元素增加高度设置：

页面效果如下：

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

果然，依然是150px！震惊！

另外，padding-top也是一样的：

效果：

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