margin-top的百分比是相对父元素的哪个值

最新推荐文章于 2022-07-28 15:23:49 发布

wml00000

最新推荐文章于 2022-07-28 15:23:49 发布

阅读量1.2k

点赞数 2

分类专栏：随笔文章标签： CSS margin-top width

本文链接：https://blog.csdn.net/wml00000/article/details/89736402

版权

随笔专栏收录该内容

46 篇文章 2 订阅

订阅专栏

文章目录

前言
验证
结论

前言

在W3School网站上看到关于CSS margin-top 属性的介绍,里面有这么一段：

在这里插入图片描述

红框里面的这句话有点毛病啊，从下面给出的例子来看，明显不对。

在这里插入图片描述

这个是给出的例子，很明显偏移量不是父元素高度的25%

验证

<html>
<head>
<style type="text/css">
.parent {
  width:400px;
  height:100px;
  background: #ffff00;
}
.child {
  width:400px;
  height:50px;
  margin-top:50%;/**200px或50px? 是200px*/
  background: #ff0000;
}
</style>
</head>
<body>
<div class="parent">400px * 100px
  <div class="child">400px * 50px</div>
</div>

</body>
</html>