我在一个相对的div定位的div内有一个绝对的div。

这通常可以正常工作,但是在这种情况下,绝对div位于右边,但是当我调整屏幕大小时,绝对div不会停留在右边:0;位置,我不明白为什么。

这是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的位置部分:

position;relative;


在“位置”后应为冒号:而不是分号;

position: relative;


#cameraCon还有一个right: 20pxmargin-right: -10px。如果您希望元素在右侧完美对齐,请删除该元素。

Working Fiddle

09-28 02:53