怎樣讓div高度自適應瀏覽器高度

2021-07-02 23:42:04 字數 761 閱讀 3248

1樓:育知同創教育

讓一個div高度自適應瀏覽器高度的方法:

1、獲取到window的innerheight、clientheight根據這兩個引數定義div的高度。

function resizeelementheight(element) else if (body.parentelement.clientheight) else if (body && body.

clientheight)

element.style.height = ((height - element.offsettop) + "px");

}2、定義div的高度的方法:

document.getelementbyid("yourdiv").height = height;

2樓:匿名使用者

這個方法就大致分為兩種吧,

第一種,用css的方法

第二種,用js方法

這裡暫時只演示第一種,如果第二種,另外@我示例**如下:

css**第一種寫法

html,body/**把html和body的高度設定成100%**/

div/**把你div的高度設定成100%**/css**第二種寫法

div這裡用到position:absolute; 所以html和body不需要設定100%

3樓:千鋒教育

header

col1

col2

col3

如何讓div自動適應自身的img高度

1 通過實現 高度跟隨寬度比例調整。2 但是這個百分比是根據父級的高度來計算的,根本不是根據元素自身的寬度,那麼就做不到div的寬高達成一定的比例。3 直接指定div的寬高 zoom來實現自適應div這樣能達到初步的等寬高div。4 通過js動態判斷div的寬度來設定高度divwindow.onre...

DIV裡LI的高度設定問題,li 的高度怎麼設定

li上加行高和字型為0px div的高度 height auto 設定li的同樣 ok了 把li和div的heigh設定為一樣值不就可以了麼 li 的高度怎麼設定 display block將行內元素設定為塊級元素就可以設定高度了 li你不是已經設定了麼 height 30px div css樣式,...

上下兩個div,底部的div高度可調,上面div高度自適應,填滿整個視窗,頁面不出現滾動條

只用css,不使用js。ie高版本跟谷歌已測。阿西吧,對不住啊,看錯題目了。我做的題目是上下兩個div,上面200px 下面自適應高度。fdsfds fdsfds fdsfds fdsfds fdsfdsfds fdsfds fdsfds fdsfdsfds fdsfds fdsfds fdsfds...