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

2022-11-19 19:51

1個回答
讓一個div高度自適應瀏覽器高度的方法:
1、獲取到window的innerHeight、clientHeight根據這兩個參數定義div的高度。
function resizeElementHeight(element) {
var height = 0;
var body = window.document.body;
if (window.innerHeight) {
height = window.innerHeight;
} else if (body.parentElement.clientHeight) {
height = body.parentElement.clientHeight;
} else if (body && body.clientHeight) {
height = body.clientHeight;
}
element.style.height = ((height - element.offsetTop) + "px");
}

2、定義div的高度的方法:
document.getElementById("yourDiv").height = height;
相關問答
css控制div的高度與瀏覽器的高度相適應
4個回答2022-09-20 15:36
一、首先創(chuàng)建或打開我們的web項目并創(chuàng)建一個新的html文件和css文 二、HTML頁面代碼如圖所示。定義一個div并給出一個id屬性。 三、使用寬度百分比后,將高度值設置為零,使用pa...
全文
css怎樣設置div高度隨瀏覽器
4個回答2022-12-24 22:08
用js設置更好 var ss; window.onload=function() { var w=document.documentElement.clientWidth ;//可見區(qū)域寬度 var...
全文
div的寬度怎么設置才能占瀏覽器的寬度全部!
1個回答2022-11-13 03:41
首先你這個div不能再其他的框架里面他的父容器就是body,樣式WIDTH: 100%;就可以
div+css 如何自動適應瀏覽器大小
2個回答2022-08-26 13:00
寬度100%就好了 不過高度的話需要把HTML和BODY的高度弄成100% 里面的DIV才回100%
如何控制div+css適應不同的瀏覽器
1個回答2022-09-25 10:43
這些是需要反復聯系才能看到的??!
如何設置一個div的大小自適應瀏覽器窗口大小
1個回答2022-12-26 10:46
div層自動適應窗口大小,可以使用height:auto屬性來自適應,示例如下: .FGH { height:auto !important; height:344px; min-heig...
全文
DIV+CSS里怎么兼容各種瀏覽器?
1個回答2022-08-22 08:11
兼容所有的瀏覽器可能有些困難,不過一般兼容這三個瀏覽器就差不多了ie6、ie7、FF,電腦上裝上這三個瀏覽器,用css的時候在這三個瀏覽器測試,哪里有問題直接網上搜吧,我就不給搜了哈(*^__^*)
什么手機瀏覽器適合看小說?
1個回答2023-05-09 19:40
你可以試試讀書巴士