Как создать набор полей автоматического размера с вертикальной полосой прокрутки - PullRequest
0 голосов
/ 28 февраля 2019

Предположим, мы строим боковую панель с набором полей и другими элементами управления.

// It is a react component.
const Sidebar = () => (
  <>
    <fieldset>
      <legend>abc</legend>
      <div>
        {data.map(d => <checkbox />)}
      </div>
    </fieldset>
    <OtherControl0 />
    <OtherControl1 />
  </>
);

Набор полей имеет автоматический размер, что означает, что его высота занимает оставшееся пространство на боковой панели.И в наборе полей много флажков, что означает, что при необходимости может потребоваться вертикальная полоса прокрутки.

Вопрос: Как написать CSS, который может соответствовать требованию?

Примечания:Легко построить набор полей фиксированного размера с автоматической полосой прокрутки.Но для набора полей автоматического размера с автоматической полосой прокрутки это кажется почти невозможным.

...