родительский относительный позиционированный и плавающий левый ребенок абсолютный позиционируется

Question

Я пытаюсь создать набор родителей с поплавком слева, применяемый к ним, но также с относительным положением, и внутри каждого из них у меня есть 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 разных, родителях, которые плавали слева и Я считаю, что селекторы должны быть расположены относительно их паре nt, но они на вершине друг друга, почему?

спасибо !!!

Answer 1

Я не уверен, что это то, что вы ищете, но сначала убедитесь, что ваши классы CSS и DIV имеют одно и то же имя.

Я изменил float: left; с ".pa" div до display: inline-block;.

Check my Fiddle

Answer 2

Возможно, потому, что элементы с абсолютным позиционированием не знакомы с границами плавающих элементов, но я подозреваю, скорее всего, потому, что у вас есть стили для # apDiv1 и # apDiv2, но ваши фактические идентификаторы элементов являются «apDiv1» и «apDiv4 ».