用定位布局就可以的
先是左右布局，然后右边的上边这块固定高度
下边的这块就可以用绝对定位top,left,right,bottom四个属性都设置了，bottom设置为0这样就高度自动填充剩余的空间，调整浏览器也会自动调整大小的
resizeWindow();
});
function resizeWindow(){
var winH = $(window).height();
$("div").css('height',winH+'px');//这里的div，选择你的那个div
}追问
谢谢 确实可以 如果要是进入页面后根据浏览器高度减去其他div高度 来设置我图上标注的div高度要怎么写呢 但是也要支持 浏览器高度变化div高度也变化
追答var winH = $(window).height();
在这里，取得你说的其他div的高度，再计算出来
再$("div").css('height',winH+'px'); 就是了
了解 但是这个只在浏览器高度有变化的时候自动调整
我的意思是用户访问后在没有变动浏览器高度的情况下，根据浏览器高度减去我要减去的div层高度来设置我图上标注的div高度 同时也保留 浏览器高度变化了这个div层也跟着变化这个功能
$(document).ready(function(){
resizeWindow();
});
div设置高度自适应?
第二种，用JS方法 这里暂时只演示第一种，如果第二种，另外@我 示例代码如下：CSS代码第一种写法 html,body{height:100%;margin:0;}\/**把HTML和BODY的高度设置成100%**\/ div{height:100%;background-color:#ccc;}\/**把你DIV的高度设置成100%**\/ CSS代码第二种写法 div{height:100%;positi...
css+div布局,左右两个div怎么能自动适应高度
可以通过js实现两个div自适应同等高度，如下：先设置div+css 基本布局：<div id="mm"> <div id="mm1">左边<\/div> <div id="mm2">右边<\/div> <\/div> js 实现 div 自适应高度 代码如下：<script type="text\/javascript"> <!-- window.onload=window.onresize=funct { if document.getElem...
如何让div自动适应自身的img高度
1、通过{width:50%;height:auto;}实现图片高度跟随宽度比例调整。2、但是这个百分比是根据父级的高度来计算的，根本不是根据元素自身的宽度，那么就做不到Div的宽高达成一定的比例。3、直接指定div的宽高+zoom来实现自适应div{width:50px;heigth:50px;zoom:1.1;}这样能达到初步的等宽高div。4、通...
div如何自适应高度100%
一、用背景图填充法 这里是给父DIV设置了背景图片填充，所有DIV都不设高度。HTML代码：1 <div class="endArea"> 2 <div class="col1">第一列 左边正文<\/div> 3 <div class="col3">第二列 右边<br \/><br \/><br \/><br \/><br \/><br \/><br \/><br \/><br \/><br ...
js如何获取div高度js获取div高度auto
如何用js得到div的高度 functionadjustcolumnheight(){ varmaincol=window.document.getelementbyid(主列);varleftcol=window.document.getelementbyid(MainLeft varrightcol=window.document.getelementbyid(MainRight varhMainCol=mainCol。偏高；varhLeftCol=leftcol.offsetheight；varhRightCol=rightcol....
如何让 div 高度自适应
问题一 main 其实不用定高度 如果子框 left center right 如果有浮动 记得清除浮动 这样main 就会高度自适应了 问题二 宽度自适应可以让 left right 分别向左和像右浮动 center不要浮动 宽度就会自适应了
怎么让DIV的高度始终和右面一样
纯CSS方法极难令左右并排的两个div的高度一致。方法不是没有，但是，要么使用相当复杂布局机制（如使用图片定位方式），要么就是效果不理想（如不同的浏览器环境纯CSS方法效果并不一样甚至没有效果）。要万无一失地令两个横向并列的div块自适应高度，最好的方法还是利用JavaScript。JavaScript可以获得任意...
如何撑开父元素,让父元素div自动适应高度的问题
1、新建一个html文件，命名为test.html。2、在test.html文件内，使用div标签创建一个模块，在div标签内，使用p标签创建一行文字，在p标签内，使用span标签创建一行文字。3、在test.html文件内，设置span元素的id为box，主要用于下面通过该id获得span对象。4、在test.html文件内，使用button标签创建一个...
如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化_百度...
最简单的实现方式：仅提供一个思路。可以自己完善。<body><input type="button" id="btn" value="变大" \/><div style="width:100px; height:100px; border:1px solid #ccc; float:left;" id="div1"><\/div> <div id="div2"><\/div><\/body><script>var oBtn = document.getElement...
怎样让一个div里的div自己调整位置?
可以通过js实现两个p自适应同等高度，如下：先设置p+css基本布局：左边 右边 js实现p自适应高度代码如下：html怎么将背景图与浏览器大小自适应？图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。如下代码：html代码:p>img src="图片地址"alt="">\/p>此时的css可以写成:....
