如何在HTML＆amp;中进行此布局CSS？

Question

如何进行以下布局：

/ header width:100%, height: 100px (this is overlayed)                      /
/////////////////////////////////////////////////////////////////////////////
/                                         /                                 /
/ div width: all available, height: 100%  /  div width: 200px; height: 100% /

基本上，iFrame宽度应覆盖蓝色背景：http://jsfiddle.net/VaDTZ/3/

Answer 1

您可以使用jQuery轻松实现这一目标，

这将确保您的主要div和侧边栏div的高度相同。

$(document).ready(function({
    var x = $('#primary').height();
    $('#sidebar').css('height', x);
});

希望这有帮助

Answer 2

这里有点工作:) http://jsfiddle.net/simoncereska/XQJPA/3/