У меня есть два элемента <div>
на этом сайте. Это сайт, который я разрабатываю, и это незавершенное производство, но некоторые варианты дизайна, которые я хотел бы завершить сегодня. Прямо сейчас моя упрощенная .css такова:
#leftdiv {
/*this is the navigation pane*/
min-height: 600px;
max-height: 600px;
}
#rightdiv {
/*this is the primary pane*/
min-height: 600px;
max-height: 600px;
overflow-y: auto;
}
Я установил жесткие минимальные и максимальные высоты для обоих, чтобы они сохраняли одну и ту же высоту, и если содержимое переполняется из #rightdiv
, появляется полоса прокрутки. Я бы хотел, чтобы этот полоса прокрутки исчезла, а растягивание #rightdiv
и #leftdiv
соответствовало содержимому #rightdiv
. На странице, которую я связал, вы видите, что есть содержимое, которое переполняет границы #rightdiv
и полосы прокрутки. Я хочу, чтобы весь сайт растягивался по высоте, чтобы соответствовать содержимому, но если я удалю overflow-y: auto;
из моего .css и удаляю максимальные высоты, #rightdiv
растягивается, но #leftdiv
не дает, уступая какой-то действительно уродливый дизайн.
Мне бы хотелось что-то вроде ниже:
#leftdiv {
min-height: equal to #rightdiv height if #rightdiv is taller, else 600px;
}
#rightdiv {
min-height: equal to #leftdiv height if #leftdiv is taller, else 600px;
}
Как мне настроить минимальную высоту и так?