margin-top为什么不是父元素高度的50%？代码中margin-top不是150px?
来源：3-23 margin外边距属性
慕运维5025579
2018-06-20 09:37:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test8</title>
<style>
*{margin:0;padding:0;}
.out{width:400px;height:300px;background-color:#ccc;position:absolute;top:0;left:0;}
.in{width:300px;height:200px;background-color: orange;margin-top:50%;}
</style>
</head>
<body>
<div class="out">
<div class="in"></div>
</div>
</body>
</html>写回答
1回答
-
好帮手慕星星
2018-06-20
margin-top的设置百分比是按照父元素的宽度来就计算的，不是按照父元素的高度。自己再测试下，祝学习愉快~~
0
相似问题