Question

我的字段集中有两个元素，每个元素都放在一个div中。我想要做的是选择它们在fieldset中的位置而不影响另一个元素的位置。这就是我正在做的事情：

我虽然使用position : absolute，但这已经足够了，但显然不是。

有什么想法吗？

Answer 1

要使用position: absolute，您必须在父元素上设置position: relative。否则绝对位置与身体元素有关。

fieldset {
    position: relative;
    height: 300px;
    width: 90%;
}
#first {
    position: absolute;
    top: 50px;
    right: 30px;
}
#second {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

Answer 2

您可以使用position:absolute，它会像您想要的那样将这些元素排除在外，但您必须先进行一些更改。首先，您需要为父项指定position:absolute元素将基于其位置（我假设字段集）。您可以通过为其指定属性position:relative来执行此操作。 fixed和absolute适用，但relative不会影响元素的位置或流量（除非您还添加top，right，{{1} }，或bottom属性）。它不能是默认值left。接下来，容器将崩溃（因为position:static在div时没有流动，因此你必须给你的父容器，position:absolute，一个高度或者给它其他不流动的元素并赋予它维度。最后，您需要更换fieldset，margin，top和right属性的bottom属性，您就完成了。

所有放在一起的内容如下：http://jsfiddle.net/swC2w/

left

HTML / CSS - 以独立方式定位2个块

2 个答案: