css - Relative div position right 0 里面的 Absolute div 不能正常工作？

Question

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

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

这是一个 WORKING FIDDLE

如果您调整上面 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 代码的其余部分。

有人可以就此问题提出建议吗？

提前致谢

Answer 1

您拼错了 #thumbnail-outter 的位置部分:

position;relative; 

应该是冒号:而不是分号;在“position”之后。

position: relative;

#cameraCon 还有一个 right: 20px 和一个 margin-right: -10px。如果您希望元素在右侧完美对齐，请将其删除。

Working Fiddle