0

我试图让一组父母向他们应用左浮动，但也有相对位置，在他们每个人里面我都有一个绝对位置的div，如下所示：

<div class="wrapper">
    <div class="pa">
        <div id="apDiv1"><img src="images_1/logo-u16785.png" width="194" height="190"></div>
    </div>
    <div class="pa">
        <div id="apDiv4"><img src="images_1/zilogo-u16782.png" width="194" height="190"></div>
    </div>
</div>

和CSS

.wrapper {
  width:1300px;
  position: relative;
}

.pa {
  float:left;
  width:650px;
  position: relative;
}

#apDiv1 {
  position: absolute;
  width: 650px;
  height: 190px;
  z-index: 4;
  left: 39px;
  top: 10px;
}

#apDiv4 {
  position: absolute;
  width: 650px;
  height: 190px;
  z-index: 4;
  left: 39px;
  top: 10px;
}

现在我的问题是，如果你看到，2 个选择器的顶部和左侧是相同的，但是因为它们在 2 个不同的父级中，它们向左浮动并且位置相对我认为选择器应该相对于它们的父级定位，但它们是互相叠加，为什么？？

谢谢！！！

4

2 回答 2

0

这可能是因为绝对定位的元素不知道浮动元素的边界，但我怀疑很可能是因为您有 #apDiv1 和 #apDiv2 的样式，但您的实际元素 ID 是“apDiv1”和“apDiv4”。

于 2013-11-01T19:49:04.607 回答
0

我不确定这是否是您要查找的内容，但首先要确保您的 CSS 类和 DIV 具有相同的名称。

我float: left;从“.pa” div 更改为display: inline-block;.

检查我的小提琴

于 2013-11-01T20:01:03.790 回答