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;
}