01 <!–
02 通过jQuery实现布局高宽自适应
03 可根据浏览器大小自调整
04 –>
05
06 <div id="header">header</div>
07 <div style="height: 551px;" id="left">left</div>
08 <div style="width: 922px; height: 551px;"id="right">right<br>
09 <p><a href="www.jigwang.com">通过jQuery实现布局高宽自适应
10 可根据浏览器大小自调整<a></p></div>
11 <script type="text/javascript">
12 $(document).ready(function() {
13 initLayout();
14 $(window).resize(function(){
15 initLayout();
16 });
17 });
18 function initLayout() {
19 $('#right').width(document.documentElement.clientWidth -$("#left").width()-2);
20 var h = document.documentElement.clientHeight -$("#header").height()-5;
21 $('#left').height(h);
22 $('#right').height(h);
23 }
24 </script>