你可以设置div的最高高度maxheight为窗口的高度，滚动条设置为自动overflowauto，就可以实现所需；宽度的自适应是根据viewport的width来调整的，比如width50%就是浏览器可视区域的50%，resize之后也会自动调整而height指定百分比后，他会自行找到viewport的height来调整，跟width一毛钱关系没有，自然两者不能达到比例关系；3在iframe网页中添加了两个固定高度的div内容4浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面5现在我们在index页面的iframe标签再添加如下的属性6再次打开index页面iframe已经高度自适应了；用JavaScript或者jquery 1页面加载完，获取当前浏览器显示区域高度2获取页面中我的相册div1关闭相册的高度3用1获取的值减去2所有的值4用3所得值附加给div2 好了，方法教给你了，自己去实现吧。

2只要修改以上的iframe的ID即可了或者你可以直接在iframe里面写代码，我们一般为了不污染HTML代码，建议使用上面的代码ltiframe src=quotbacktophtmlquot frameborder=quot0quot scrolling=quotnoquot id=quotexternalframequot onload=quotsetIfr；1首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示2html页面代码如图所示，定义一个div，然后给一个id属性即可3这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者；分别为height100 如下html，bodyheight100%margin0px 或 htmlheight100% bodyheight100%margin0px 后面的高为100%才有效lttable height=quot100%quot 或 ltdiv style=quotheight100%quot；方法步骤1实例名称textarea自适应文字行数 2实例描述textarea是HTML中的文本元素，可实现文字的多行输入，也可以控制行数和列数本例学习如何让textarea根据用户的输人文本，自动调整高度和宽度3实例；一使用textarea标签进行多行文本的输入有很多限制，比如不能实现高度自适应，会出现难看的滚动条等问题HTML5中添加了一个新属性contenteditable，该属性可以让input，textarea以外的不可编辑的标签具备可编辑功能用法如下；子级元素想要做到自适应的话可以把height100%width100%这样子级元素的宽高就是从父级继承得到常见的用法就是我前一天写的html bodywidth100%height100%给浏览器对象设置宽高，这样子级元素就自适应。

1通过width50%heightauto实现图片高度跟随宽度比例调整2但是这个百分比是根据父级的高度来计算的，根本不是根据元素自身的宽度，那么就做不到Div的宽高达成一定的比例3直接指定div的宽高+zoom来实现自适应；html5中自动适应手机屏幕高度的方法使用meta标签，这也是一种常用的方法metaname=viewportcontent=width=devicewidth，initialscale=10，minimumscale=10，maximumscale=10，userscalable=no解释该标签的含义Heigh；在我们完成项目的时候，都会遇到，让DIV自适应高度这个效果的实现，那么今天我们就给大家做出俩种情况下怎么实现DIV自适应高度的效果第一种一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度第二种没有最小。

name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。

在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度其中width=devicewidth 表示宽度是设备屏幕的宽度 initialscale=10表示初始的缩放比例 minimumscale=05表示最小的缩放比例 maximumscale=。