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

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

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

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

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

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

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