【问题标题】:Absolutely Position a Division in a Relative Manner以相对方式绝对定位一个部门
【发布时间】:2012-11-06 05:22:44
【问题描述】:

我不太确定如何表达我的问题,但这些是我的想法:

我的理解:鉴于 div-B 嵌套在 div-A...

我可以在 div-A 上设置相对定位,这样 div-A 中的任何元素都将相对于 div-A 定位。然后,如果我在 div-B 上设置绝对定位,我可以将它移动到 div-A 的右上角。

#div-A {
 position:relative;
}
#div-B {
 position:absolute;
 top:0;
 right:0;
}

此外,如果我删除 div-A 部分并留下...

#div-B {
 position:absolute;
 top:0;
 right:0;
}

div-B 将自己定位在窗口的右上角或它所包含的第一个相对定位的容器中。

我的问题:看到相对定位的容器内的分区可以使用绝对定位放置在该容器边界处,有没有办法绝对定位一个分区但相同的分区处理包含的元素以相对的方式在它里面?也就是说,是否可以对容器进行绝对定位,并使其包含的元素相对于自身进行绝对定位?

【问题讨论】:

  • 绝对定位包装器中的元素成为该包装器内正常文档流的一部分。我想你可能需要一张图表来解释你需要什么。
  • 绝对父级将充当绝对定位子级的定位锚点。因此,例如,如果您想将父级绝对定位到右上角,然后将子级定位到父级的左下角,您可以这样做。

标签: css position positioning css-position


【解决方案1】:

恐怕定位并不像您想象的那样工作。 position: relative; 与元素本身有关,与嵌套元素的定位无关(除非您在子元素中使用 position: inherit;)。请参阅 W3.org 上的 CSS2.1

【讨论】:

    猜你喜欢
    • 2015-04-27
    • 2013-09-08
    • 1970-01-01
    • 1970-01-01
    • 2015-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多