我有一个两个面板视图,在任何给定时间只能看到一个面板。每当面板消失时,它应向右滑动,同时出现的面板应从左侧滑入。每当我将一个div显示在另一个div上方时,它们都应该在同一行上转换。容器不能具有overflow-y属性,因为div的长度可能不同,并且出于同样的原因,div不能是position:absolute(因为我不知道高度)。 Here is a fiddle at regular speed
容器的css
.selectedContent
{
min-height:140px;
padding:4px 10px;
width:300px;
background:white;
text-align:center;
overflow: hidden;
position: relative;
}
Here is the fiddle slowed down
我放慢了小提琴的速度,这样你就可以清楚地看到div显示在彼此之上而不是并排显示。我试图浮动它们,以便它们可以显示内联但不起作用。