我有一个具有以下结构的网站:
<div id="header"></div>
<div id="main">
<div id="navigation"></div>
<div id="content"></div>
</div>
<div id="footer"></div>
Run Code Online (Sandbox Code Playgroud)
导航位于左侧,内容div位于右侧.内容div的信息通过PHP引入,因此每次都不同.
我如何垂直缩放导航,使其高度与内容div的高度相同,无论加载哪个页面?
我在容器内有两个div.一个在左边,一个在右边,并排.即使它们具有不同的内容,我怎样才能使每个人具有相同的高度.
例如,右侧div有很多内容,并且是左侧div的高度的两倍,如何使左侧div伸展到右侧div的相同高度?
是否有一些JavaScript(jQuery)代码来实现这一目标?