Bootstrap 5 아코디언을 확장하면 너무 넓어집니다.

Question

아코디언 구성 요소가 상위 요소의 너비와 일치하도록 확장될 것으로 예상했지만 확장되면 자체 확장뿐만 아니라 상위 요소도 확장되어 왼쪽 창이 많이 압축됩니다. 원하는 행동을 달성하려면 어떻게 해야 합니까? 어떤 답변이라도 감사하겠습니다.

으아아아

아코디언 제목의 너비와 내용을 살짝 조정해 보았지만 잘 되지 않았습니다.

Answer 1

#right-pane 元素没有显式声明 flex-basis 或 width，因此它将占用所需的空间。当手风琴关闭时，它会按照您的预期工作，因为它的内容宽度较窄（然后由于 flex-grow 中的 flex-grow: 1 ，然后会增长以填充剩余空间-1 카테고리). 그러나 아코디언의 콘텐츠가 표시되면 콘텐츠는 가능한 한 많은 수평 공간을 차지하려고 합니다.

이를 방지하려면 여기에서 #right-pane元素上设置某种flex-basis或width，例如width ：25%通过w-25`를 고려하세요.

으아악