绝对位置不起作用
我正在尝试将ID为“ absPos”的div相对于其父div放在绝对位置。但它不起作用，div放置在页面的左上角。
我的代码示例如下
<html>
<body>
<div style="padding-left: 50px;">
<div style="height: 100px">
Some contents
<div>
<div style="height: 80px; padding-left: 20px;">
<div id="absPos" style="padding: 10px; position: absolute; left: 0px; top: 0px; background-color: red;"></div>
Some text
</div>
</div>
</body>
</html>
您能帮我解决这个问题吗？在我的实际情况下，我必须放置背景图像，而不是红色背景色。
问候
问题答案：
绝对定位的元素从其offsetParent最近的祖先开始定位。在您的代码中，祖先都不是“定位”元素，因此div从body元素（即）偏移offsetParent。
解决方案是将其应用于position:relative父div，这迫使它成为定位元素，而成为子元素offsetParent。
<html>
<body>
<div style="padding-left: 50px;">
<div style="height: 100px">
Some contents
<div>
<div style="height: 80px; padding-left: 20px; position: relative;">
<div id="absPos" style="padding: 10px; position: absolute; left: 0px; top: 0px; background-color: red;"></div>
Some text
</div>
</div>
</body>
</html>
-
问题内容： 我有3个要素。 第一个更大（包装）并具有 第2个相对于第1个相对位置绝对定位（并包含在第1个中） 第3个包含在第2个中，并且也具有绝对定位。 为什么第3个位置相对于第2个绝对位置（这也是第1个位置的绝对位置）而不是相对位置的第一个位置？ 因为3rd 是绝对定位到2nd的绝对定位。 问题答案： 因为就像重置孩子的相对位置一样。 这是无法解决的-如果您希望第三个相对于第一个绝对定位，则必须
-
问题内容： 和CSS 和有什么不一样？那你什么时候应该使用呢？ 问题答案： CSS绝对定位 绝对定位是最容易理解的。您从CSS 属性开始： 这告诉浏览器应将要定位的所有内容从文档的正常流程中删除，并将其放置在页面上的确切位置。它不会影响HTML中它之前或之后的元素在网页上的放置方式，但是除非您重写它，否则 它将 取决于其父级的位置。 如果你想一个元素从文档窗口的顶部10个像素的位置，你会使用偏移与
-
我有一个与我的CSS有关的div位置的问题。 我的父div设置为，子div设置为 但由于某些原因，子div显示在父div的边界下方和外部。。。 这是我的CSS： 超文本标记语言： 我提供了一个JSFiddle来向您展示它的实际操作： http://jsfiddle.net/j6VLc/1/ 在使用时，如何修复它以使子div位于父div内？
-
问题内容： 我在另一个div内有两个div，我想使用css将一个子div放在父div的右上角，另一个子div放在父div的底下。即，我想对两个子div使用绝对定位，但是将它们相对于父div而不是页面定位。我怎样才能做到这一点？ 范例html： 问题答案： 这工作，因为手段类似“使用，，，来定位自己相对于谁拥有最近的祖先或”。 因此，我们使have 和子代都有，然后使用和定位子代。
-
我在iText7中添加一个相对于页面大小具有绝对位置的图像有一个问题。 在itext5中，我使用了下面的代码来确定图像相对于要将其添加到的页面的位置 现在，对于itext7，我正在使用
-
问题内容： 我似乎无法让绝对导入在python中工作。这是我的文件结构： foo.py： 我反而得到： 这到底是怎么回事？我觉得我缺少基本的东西。尽管这个例子很简单，但我需要绝对导入才能为实际项目工作，因此仅用相对导入替换导入是不可行的。我正在使用python 2.7.13 预先感谢您的任何见解！ 问题答案： 由于未显示，因此我必须假设您正在运行，这会将脚本（）的目录放在开始的位置，而实际上您希望