<分区>
标签 css
<分区>
您好,我对本教程中的绝对定位感到很困惑。
我不明白为什么在 figure 标签上使用 left: 0 ,他实际上留下了 margin
335 像素,以及为什么当他使用左侧时它实际上表现得像右侧:0。
我知道当实际父div为0宽度或0时会出现这类问题
高度,因为他不能显示 block 元素
部分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/
最佳答案
不是。
左边
来自另一个规则
.ia-container input:checked ~ figure {
left: 335px;
transition: all 0.7s ease-in-out;
}
关于css绝对定位反向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13793014/