css绝对定位反转

-2

嗨我真的很迷惑本教程中的绝对定位。css绝对定位反转

我不明白为什么用左：图上标记为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/

来源

2012-12-09 FireStream

如果您需要帮助，请构建一个工作示例包括所有相关的代码和演示的jsfiddle。不要只是将链接转储到其他人的页面，并要求我们为您全部弄清楚。 – Sparky

谢谢我会考虑 – FireStream

事实并非如此。

的left来自另一个规则

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

来源

2012-12-09 23:41:31

css绝对定位反转

回答

相关问题