美文网首页
margin-top的百分比相对父元素的width定位?!

margin-top的百分比相对父元素的width定位?!

作者: MK_L | 来源:发表于2018-10-25 12:04 被阅读0次

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

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

下面来做一个验证:

CSS样式:

查看效果:

F12查看:

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


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

页面效果如下:

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

果然,依然是150px!震惊!



另外,padding-top也是一样的:

效果:

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

相关文章

网友评论

      本文标题:margin-top的百分比相对父元素的width定位?!

      本文链接:https://www.haomeiwen.com/subject/izyomftx.html