相対div位置の絶対divは正しく動作しません。

Question

私は絶対divを相対div位置divにします。

これは通常通りに動作しますが、この場合は絶対divが右側に表示されますが、画面のサイズを変更すると、絶対divは右にとどまりません。なぜ私は理解していない。

これは、あなたが上記のフィドルの「結果」セクションのサイズを変更し、それを小さくした場合は、問題が表示されますWORKING FIDDLE

です。

これは私のCSSコードです：

.pDiv { 
    float:left; 
    width:75px; 
    height:75px; 
    position:relative; 
    margin:8px; 
    border-radius:4px; 
    display:inline-block; 

} 


.pDiv img { 
    width:75px; 
    height:75px; 
    border-radius:4px; 

} 

と私は主にCSSコードのインラインの残りの部分を持っています。

誰かがこの問題についてアドバイスできますか？あなたが#thumbnail-outterの位置部分をスペルミスしている事前

Answer 1

で

ありがとう：

position;relative; 

は、 "位置" の後にコロン:代わりにセミコロン;であるべき。

position: relative; 

#cameraConもright: 20pxとmargin-right: -10pxを持っています。要素を完全に右に揃えたい場合は、それを削除します。

Working Fiddle