CSS手风琴常见问题解答的高度问题

CSS手风琴常见问题解答的高度问题,css,menu,height,accordion,Css,Menu,Height,Accordion,我正在使用这个手风琴菜单创建一个FAQ。问题是高度是固定的,所以每当文本太长时(或在移动设备上),文本就会被剪切 我尝试使用height:auto、overflow:hidden;最小高度!重要的和所有的标签,使高度响应,但每当我这样做,如果我点击标签,滚动手风琴效果不起作用,或跳转到首页 我怎样才能解决这个问题?我不想使用JS或Jquery…谢谢 这是css .ac-container input:checked ~ article.ac-small { height: 140px; }

我正在使用这个手风琴菜单创建一个FAQ。问题是高度是固定的,所以每当文本太长时(或在移动设备上),文本就会被剪切

我尝试使用height:auto、overflow:hidden;最小高度!重要的和所有的标签,使高度响应,但每当我这样做,如果我点击标签,滚动手风琴效果不起作用,或跳转到首页

我怎样才能解决这个问题?我不想使用JS或Jquery…谢谢

这是css

  .ac-container input:checked ~ article.ac-small {
height: 140px;

}

您只需为以下属性设置
height:auto

.ac-container input:checked ~ article.ac-small {
    height: auto;
}
这是决定相应身体高度的因素


请查找更新代码的属性。

您只需为以下属性设置
height:auto

.ac-container input:checked ~ article.ac-small {
    height: auto;
}
这是决定相应身体高度的因素


请查找更新代码的解决方案。

您使用的解决方案仅限于CSS。 CSS3动画需要定义的高度值来生成过渡–这就是为什么您使用的解决方案提供了3种不同的预定义高度

另一种方法是使用


最常见的解决方案是通过jQuery的slidetoggle()切换动画

您使用的解决方案仅限于CSS。 CSS3动画需要定义的高度值来生成过渡–这就是为什么您使用的解决方案提供了3种不同的预定义高度

另一种方法是使用


最常见的解决方案是通过jQuery的slidetoggle()切换动画

它起作用了,但它仍然有我解释过的问题:它跳起来,“减速运动”不再起作用了…我不想让它看起来如此破碎:cIt起作用了,但它仍然有我解释过的问题:它跳起来,“减速运动”不再起作用了…我不想让它看起来如此破碎:c