第一种，用CSS的方法 第二种，用JS方法 这里暂时只演示第一种，如果第二种，另外@我 示例代码如下CSS代码第一种写法 html，bodyheight100% margin0**把HTML和BODY的高度设置成100%** divheight100%。

iframe高度自适应，700为自己设定的iframe高度最低值，高度小于700的将以700显示，大于700将以div自身高度来显示iframe高度最低值可以自己修改。

你可以设置div的最高高度maxheight为窗口的高度，滚动条设置为自动overflowauto，就可以实现所需。

1首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示2html页面代码如图所示，定义一个div，然后给一个id属性即可3这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码body background urlimage123jpg norepeat backgroundsize cover3浏览器运行indexhtml页面。

ltdiv class=quotdiv3quot70%ltdiv ltdiv ltscript var cHeight=$windowheightquotdiv3，div2quotheightcHeightltscript ltbody lthtml 这样就可以自动获取屏幕的高度，然后再设置。

先设置html及body的CSS的高，分别为height100 如下html，bodyheight100%margin0px 或 htmlheight100% bodyheight100%margin0px 后面的高为100%才有效lttable height=quot100%quot 或 ltdiv style=。