html - 当我使用位置 :absolute in child block it does not refer parent block?

<分区>

在 HTML 中，当您在子 block 中使用 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;
}

最佳答案

如果你想在父 block 中安排 child ，只需在父 CSS 中添加 position:relative

关于html - 当我使用位置 :absolute in child block it does not refer parent block?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19094232/

上一篇：html - angularjs 中的 html5Mode 问题

下一篇：python - 如何从文本中删除所有 href 标签

相关文章：

html - Bootstrap Grid 在屏幕尺寸之间跳转

jquery - 在响应式设计中用 CSS 覆盖 JQuery 函数

jquery - 获取图像的原始宽度和高度

javascript - Bootstrap Datepicker 出现在模式中的错误位置

javascript - 按下 Enter 键时，jQuery 不会添加换行符

php - 在使用 JQUERY 获取动态附加图像的单个 src 时遇到问题

javascript - datatables.net 标题出现在表格的侧面而不是顶部

php - Symfony2- Twig : HTML <optgroup> Tag

javascript - 如何使用 JavaScript 禁用主菜单？

javascript - Font Awesome 图标不显示