如何水平滑动div,没有位置:绝对

时间:2016-02-05 21:08:33

标签: html css angularjs css3

我有一个两个面板视图,在任何给定时间只能看到一个面板。每当面板消失时,它应向右滑动,同时出现的面板应从左侧滑入。每当我将一个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显示在彼此之上而不是并排显示。我试图浮动它们,以便它们可以显示内联但不起作用。

0 个答案:

没有答案