与父高css相关的百分比

时间:2018-08-01 15:31:12

标签: css css3

我正在尝试将子级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;
}

0 个答案:

没有答案