第一種，用CSS的方法 第二種，用JS方法 這里暫時(shí)只演示第一種，如果第二種，另外@我 示例代碼如下CSS代碼第一種寫(xiě)法 html，bodyheight100% margin0**把HTML和BODY的高度設(shè)置成100%** divheight100%。

iframe高度自適應(yīng)，700為自己設(shè)定的iframe高度最低值，高度小于700的將以700顯示，大于700將以div自身高度來(lái)顯示iframe高度最低值可以自己修改。

你可以設(shè)置div的最高高度maxheight為窗口的高度，滾動(dòng)條設(shè)置為自動(dòng)overflowauto，就可以實(shí)現(xiàn)所需。

1首先創(chuàng)建或者打開(kāi)我們的web項(xiàng)目，新建一個(gè)html文件和css文件即可，如圖所示2html頁(yè)面代碼如圖所示，定義一個(gè)div，然后給一個(gè)id屬性即可3這里是使用寬度的百分比之后，設(shè)置高度值為零，然后使用padding屬性的top或者。

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼body background urlimage123jpg norepeat backgroundsize cover3瀏覽器運(yùn)行indexhtml頁(yè)面。

ltdiv class=quotdiv3quot70%ltdiv ltdiv ltscript var cHeight=$windowheightquotdiv3，div2quotheightcHeightltscript ltbody lthtml 這樣就可以自動(dòng)獲取屏幕的高度，然后再設(shè)置。

先設(shè)置html及body的CSS的高，分別為height100 如下html，bodyheight100%margin0px 或 htmlheight100% bodyheight100%margin0px 后面的高為100%才有效lttable height=quot100%quot 或 ltdiv style=。