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