怎麼讓div的高度自適應螢幕的高度

時間 2023-02-01 17:05:05

1樓:我不是阿飛

body ,html的高度都設定為100%;

然後用百分比設定div高度,div高度百分比是按他父元素算的,所以他父元素設定有高度他的百分比高度才有效。

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

2樓:育知同創教育

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

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

clientheight)

= height - px");

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

"yourdiv").height = height;

3樓:匿名使用者

這個方法就大致分為兩種吧,第一種,用css的方法。

第二種,用js方法。

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

css**第一種寫法。

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

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

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

div css佈局網頁如何實現網頁自動適應螢幕高度和寬度 200

4樓:天祺

網頁裡面的寬度是可以用百分比決定的,可以設定這個容器的寬度佔螢幕寬度的百分之多少,但是因為百分比的寬度是要有參考物件的,所以在設定百分比的寬度時,要先設定body的寬度為100%。

照你的要求:一屏分為兩欄顯示,那麼用兩個div來做,一個div的寬度就是50%,兩個在一起就正好100%了,如果你想這兩個div之間有間距,那麼就設定寬度為48%就行,具體自己把握,然後設定左邊的div左浮動,右邊的div右浮動即可。

高度是可以設定固定畫素的,比如一個div的寬度為48%,高度為50px都行的,可以混用,只要記住使用百分比定義寬高長度就要設定對應的body的寬高為100%就行了。

5樓:工作上的不平衡

margin:0 auto;

height:100%;

還有你的問題沒有針對性,不知道你具體問的是什麼。

div css佈局網頁如何實現網頁自動適應螢幕高度和寬度

6樓:胡李斌

html和body高度寬度設定為100%;

在裡面的塊級元素設定為百分比佈局。

7樓:匿名使用者

首先得需要知道需不需要做相容處理,如果不需要相容ie9以下,可以用css3的vw和vh屬性加上浮動設定,比如。left...

8樓:網友

對元素的的屬性進行設定,或者間距 margin:auto auto;可以居中,pading-left...等等還可以使用百分比進行位置的相對設定。

9樓:匿名使用者

左邊右邊。

左邊的寬度右邊的寬度你自己定。

10樓:匿名使用者

百分比佈局。 或者用 bootstrap的柵格佈局。

11樓:

網頁的寬度就按%來做。

div css 如何讓網頁中的某div自動適應螢幕高度自己變如下圖

12樓:依然特雷西

3、這裡是使用寬度的百分比之後,設定高度值為零,然後使用padding屬性的top或者bottom的值(可以是任意百分比),背景顏色作為測試。

4、然後在瀏覽器執行之後的效果是這樣的哦,放大縮小瀏覽器,寬高會隨之改變。

5、這個方法是使用expression來設定高度即可。

13樓:匿名使用者

想要高度100%,需要在css里加寫:html, body

這樣設定的div高度才能達到100%。

100%是相對的,想要鋪滿整個螢幕,一層層巢狀的div也得需要100%才行。

14樓:匿名使用者

純css辦不到。

只能用js獲取螢幕高度。

並動態賦值中間div的高度。

你搜下js(或者jquery)自適應螢幕高度。

怎麼讓內部div高度自適應和外部div的一樣高。

15樓:網友

解決方法如下:

在浮動的容器後面,父容器結束之前加入一個div內容1內容1

.clearfloat

16樓:匿名使用者

樓主 你可以試試height的 outo屬性 望樓主滿意來個採納 感激不盡。

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

17樓:受司大人

很鬱悶的一件事情是:有時你需要一個div根據裡面的元素自動適應高度,所以,你肯定無法給這個div定義一個實際高度。而你隨便巢狀一個div卻發現並不適應高度。

這事就鬱悶了。下面給出一些方法。大致的例子是:

當content內容多時,即使main設定了高度100%或auto。在不同瀏覽器下還是不能完好的自動伸展。內容的高度比較高了,但容器main的高度還是不能撐開。

我們可以通過三種方法來解決這個問題。

增加一個清除浮動,讓父容器知道高度。請注意,清除浮動的容器中有一個空格。

增加一個容器,在**中存在,但在視覺中不可見。

增加一個br並設定樣式為clear:both。

以上三個方法都不是最好的解決方法,因為在程式**觀念中是提倡儘量不要新增無意義的標籤**。現在,你可以用下面的方法來實現div自適應高度效果#main {height:100%;

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

育知同創教育 讓一個div高度自適應瀏覽器高度的方法 1 獲取到window的innerheight clientheight根據這兩個引數定義div的高度。function resizeelementheight element else if body.parentelement.clienth...

怎麼讓div裡的內容自適應大小,怎樣使子div自適應父div的大小

自適應分為高度自適應和寬度自適應 高度自適應較好解決,將高度設為自動,如 aa寬度自適應將寬度設為百分比的方式,如 wai 寬度佔整個螢幕的98 且水平居中顯示 相較於單列內容自適應,多列較複雜,根據實際情況調整吧。 把裡面的div給成百分比寬度 怎樣使子div自適應父div的大小 小小小小吃貨丫 ...

怎麼讓iframe自適應瀏覽器的高度和寬度

特特拉姆咯哦 1 在資料夾裡建立兩個html檔案,一個 index 一個 iframe 2 在index中新增一個iframe標籤,直接嵌入iframe頁面。3 在iframe網頁中新增了兩個固定高度的div內容。4 瀏覽器開啟index頁面我們發現iframe部分有滾動條,需要滾動顯示頁面。5 現...