css - css绝对定位反向

Question

嗨，我真的对本教程中的绝对定位感到困惑。

我不明白为什么在图形标签上使用 left: 0 ，他实际上在左边留了一个边距

335px，以及为什么当他使用左时它实际上表现得像右：0。

我知道当实际的父 div 为 0 宽度或 0 时会出现此类问题

高度，因为他无法显示块元素

这是部分css代码：

.ia-container figure {
    position: absolute;
    top: 0;
    left: 50px; /* width of visible piece */
    width: 335px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
    transition: all 0.3s ease-in-out;
}

您可以在这里找到演示：http: //tympanus.net/codrops/2012/06/06/image-accordion-with-css3/

Answer 1

它没有。

来自left另一个规则

.ia-container input:checked ~ figure {
    left: 335px;
    transition: all 0.7s ease-in-out;
}