84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
アコーディオン コンポーネントが親要素の幅に合わせて展開されることを期待していましたが、展開するとコンポーネント自体だけでなく親要素も展開され、左側のペインが大幅に圧縮されてしまいます。望ましい動作を実現するには何をする必要がありますか?ご回答いただければ幸いです。
リーリー
アコーディオンのタイトルとその内容の幅を少し調整してみましたが、うまくいきませんでした。
#right-pane 要素は flex-basis または width を明示的に宣言していないため、必要なスペースを占有します。アコーディオンを閉じると、コンテンツの幅が狭くなるため、期待どおりに動作します (その後、flex-grow: 1 in -1 クラスにより、残りのスペースを埋めるために拡大されます)。ただし、アコーディオンのコンテンツが表示されるとき、コンテンツは可能な限り多くの水平スペースを占有しようとします。
#right-pane
flex-basis
width
flex-grow: 1 in -1 クラスにより、残りのスペースを埋めるために拡大されます)。ただし、アコーディオンのコンテンツが表示されるとき、コンテンツは可能な限り多くの水平スペースを占有しようとします。
in -1
要素に何らかの flex-basis または width を設定することを検討してください (例: width: 25% #) ##w-25`ここから:
flex-basis または width を設定することを検討してください (例: width: 25% #)
または
を設定することを検討してください (例:
これを回避するには、#right-pane#right-pane
要素はflex-basis
またはwidth
を明示的に宣言していないため、必要なスペースを占有します。アコーディオンを閉じると、コンテンツの幅が狭くなるため、期待どおりに動作します (その後、flex-grow: 1
in -1
クラスにより、残りのスペースを埋めるために拡大されます)。ただし、アコーディオンのコンテンツが表示されるとき、コンテンツは可能な限り多くの水平スペースを占有しようとします。要素に何らかの
flex-basis
##w-25`ここから:または
widthを設定することを検討してください (例:
width: 25% #)リーリー