Предположим, мы строим боковую панель с набором полей и другими элементами управления.
// It is a react component.
const Sidebar = () => (
<>
<fieldset>
<legend>abc</legend>
<div>
{data.map(d => <checkbox />)}
</div>
</fieldset>
<OtherControl0 />
<OtherControl1 />
</>
);
Набор полей имеет автоматический размер, что означает, что его высота занимает оставшееся пространство на боковой панели.И в наборе полей много флажков, что означает, что при необходимости может потребоваться вертикальная полоса прокрутки.
Вопрос: Как написать CSS, который может соответствовать требованию?
Примечания:Легко построить набор полей фиксированного размера с автоматической полосой прокрутки.Но для набора полей автоматического размера с автоматической полосой прокрутки это кажется почти невозможным.