css - CSS Accordion 常见问题解答的高度问题

Question

我正在使用这个 a link Accordion 菜单创建常见问题解答。问题是高度是固定的，所以只要文本太长(或在移动设备上)，文本就会被剪掉。

我试过使用 height: auto, overflow: hidden;最小高度、!important 和所有使高度响应的标签，但每当我这样做时，如果我单击选项卡，滚动 Accordion 效果不起作用或跳转到首页。

我该如何解决这个问题？我不想使用 JS 或 Jquery...谢谢!

这是CSS

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

Answer 1

您需要做的就是为以下属性设置 height:auto。

.ac-container input:checked ~ article.ac-small {
    height: auto;
}

这是相应 body 的决定高度。

请找到 link更新代码。