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 現...