相关疑难解决方法(0)

我<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;
}

我怎样才能像这样设定两者的最小高度？

我有2个div,我想让他们的高度相等:

var highestCol = $('#SecondColumn').height();
$('.column').first().height(highestCol);

我知道第二个div总是高于第一个div.两个div中都有纯文本,一切正常.但是在添加带有一些边距或填充到第二个div(总是更高)的div之后,计算会中断.它需要更高div的高度但忽略第二列内的子div的所有边距的总和.

如何计算带有边距/填充的完整div？