html – 当我在子块中使用position：absolute时它不会引用父块？

参见英文答案 > Position absolute but relative to parent                                    4个
在HTML中,当您在子块中使用position：absolute css属性时,绝对值不会从它从整个浏览器窗口引用的父标记中获取.
示例代码如下所示..

CSS

.parent {
    width: 400px;
    height: 400px;
    border: 1px solid green;
}

.child {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 1px solid red;
    bottom: 0px;
}

最佳答案

如果你想在父块中安排子项,只需在父CSS中添加position：relative