我正在尝试将子级div与父级身高相关的百分比对齐。
示例:
我有一个高度为1000px的父div,我想让我的孩子与margin-top对齐:20%;结果是200px。
问题:
我尝试使用相同的大小来制作示例,但结果是269.797px,而不是200px。
我试图做的事情
HTML:
<div class="test">
<div class="align"></div>
</div>
CSS:
.test {
width: 100%;
height: 1000px;
position: absolute;
background-color: black;
}
.test .align {
width: 100%;
height: 100px;
float: left;
margin-top: 20%;
background-color: white;
}