論理的な分割を示すために、2 つの辺を均等に分割するグレーの垂直分割線を挿入したいと考えています。両側のコンテンツの高さはユーザーの選択に応じて変化する可能性があるため、仕切りは適切にスケーリングする必要があります。つまり、高さを固定することはできません。
余談ですが、このスタイル要素は、条件付きで挿入および削除できるものが理想的です。明らかに、ある種の div は最大化の制御を提供します。
これが私の既存の HTML/CSS コードです。
論理的な分割を示すために、2 つの辺を均等に分割するグレーの垂直分割線を挿入したいと考えています。両側のコンテンツの高さはユーザーの選択に応じて変化する可能性があるため、仕切りは適切にスケーリングする必要があります。つまり、高さを固定することはできません。
余談ですが、このスタイル要素は、条件付きで挿入および削除できるものが理想的です。明らかに、ある種の div は最大化の制御を提供します。
これが私の既存の HTML/CSS コードです。
要素を挿入するのではなく、2 つの側面を同じ高さの列としてスタイリングすることを検討します。左側に border-right、右側に border-left を使用して、分割を示します。
参照: CSS - 高さの等しい列? 同じ高さの列に関するガイダンスについては。
border-left: 2px solid gray
またはborder-right: 2px solid gray
いずれかの欄に応募してみてはいかがでしょうか。