div高度自適應的問題,怎麼讓div裡的內容自適應大小

2022-09-23 11:56:45 字數 4271 閱讀 5846

1樓:匿名使用者

有點不太明白你想表達的意思,如果div1和div3是在同一行,那2個div應該會設定乙個寬度並設定float:left;這樣的話你所說的「其餘」空間應該就是div3下方的一塊空餘;想自動填滿的話那你所寫的布局就要改一下,如下:

樣式為:

#div2

#div1

#div3

這裡div2只是單純的填補多餘的不對稱空間而已還有如果你所想表達的布局是div1是header,div3是footer;div2那就應該是content部分了,我猜你想要的效果應該是頁首固定,頁尾固定,中間內容部分根據瀏覽器來判斷自身的高度,如果真是這樣的話,額。。。我也幫不了你了,這問題一般我不考慮的,我只負責頁面的問題,至於這種自適應的高度一定是需要指令碼自動獲取的,一般這個都是公司程式設計師去解決的

2樓:驚寒唱晚

如果你把div1和div3的高度設為百分比,例如:(div1 height:20%;)(div3 height:10%;)這樣能過css就可以實現。

org/1999/xhtml">但如果要用畫素值,那麼就要配合js 求出使用者可用區域的高,減(div1+div2)的高度和,再賦值給div2,也是可以的。

3樓:匿名使用者

div2 height=auto; 如果不行 那就js咯 :

function fh(h,o,b)else h='auto';}o.style.height=h;}

window.onload=function(){parent.fh(設定高度);}

4樓:匿名使用者

這個只能有js實現了,建議你去下個jquery包,這樣實現起來會方便些

如何用js來控制div高度的自適應 100

5樓:之乎者也彧

首先你得有個高寬比(比例),根據這個比,用js計算就是了。

function resizeheight(id,size)說明:id是div的id(string),size是高寬比(number)。

呼叫:resizeheight("youid",0.5);

window.onresize = resizeheight("youid",0.5);

6樓:匿名使用者

也設定百分比不行麼,外層的高度只要定了,裡面的設定百分比就是動態變化的了

7樓:匿名使用者

style="height:auto;":

怎麼讓div裡的內容自適應大小

8樓:匿名使用者

自適應分為高度自適應和寬度自適應

高度自適應較好解決,將高度設為自動,如:aa寬度自適應將寬度設為百分比的方式,如:

.wai/*寬度佔整個螢幕的98%,且水平居中顯示*/相較於單列內容自適應,多列較複雜,根據實際情況調整吧。

9樓:匿名使用者

1、高度自適應較好解決,將高度設為自動,如:aa。

2、寬度自適應將寬度設為百分比的方式,如:

.wai/*寬度佔整個螢幕的98%,且水平居中顯示*/。相較於單列內容自適應,多列較複雜,根據實際情況調整吧。

3、div是層疊樣式表中的定位技術,全稱division,即為劃分。有時可以稱其為圖層。div在程式設計中又叫做整除,即只得商的整數。

div元素是用來為html(標準通用標記語言下的乙個應用)文件內大塊(block-level)的內容提供結構和背景的元素。

4、標籤定義 html 文件中的分隔(division)或部分(section)。div屬於web前端的學習內容,其中標籤常用於組合塊級元素,以便通過樣式表來對這些元素進行格式化。可定義文件中的分割槽或節(division/section)。

標籤可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具,並且不使用任何格式與其關聯。如果用 id 或 class 來標記 ,那麼該標籤的作用會變得更加有效。

10樓:匿名使用者

把裡面的div給成百分比寬度

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

11樓:

div1

div2

a1適應寬度,a2適應高度和寬度

裡面的div怎麼撐開外面的div讓高度自適應

12樓:dreamer__王

外面的div的css設定成

overflow:auto;

或者overflow:hidden;

都可以將外面的div撐開!

css設定div高度,但div的高度無法自適應內容

13樓:

23135641561

沒必要position,,直接正常寫就行了,,,不存在什麼不對齊,,除非你的margin或者padding兩邊設定不一樣,如果都不設定的話,肯定是對齊的,因為div是內外邊距的。

14樓:育知同創教育

首先確保這個div是不是是block。預設情況下,div是block。可能在設定某些css樣式的時候更改了也不一定。

可以如果設定了高度,他的高度就會固定下來。可以這樣改。不設定他的高度,設定它的overflow:hidden屬性就可以自適應內容了、

15樓:讖述社會

div高度無法自適應內容兩種解決辦法:

首先要確保這個div是不是是display:inline-block。預設情況下,div是block。可能在設定某些css樣式的時候更改了也不一定。

position不需要寫,**不存在什麼不對齊,除非你的margin(外邊距)或者padding(內邊距)兩邊設定不一樣,如果都不設定的話,肯定是auto,自動對齊的,因為div是內外邊距的。

16樓:

/*自適應高度*/

.main

17樓:匿名使用者

問題就在於absolute布局

改用浮動布局

div2 用 float:leat

div3用float:right

怎麼讓div自適應高度

18樓:邰其曲天材

需要高度自適應,完美顯示背景**,主要需要背景**是不限制高度的!如果沒有內容,div高度則為0,當然沒辦法顯示背景,q511398031

19樓:

height:auto !important;

height:200px; /*假定最低高度是200px*/min-height:200px;

這個設定,ie6,7,8 ,火狐等都能相容。

div標籤內設定height高度樣式:

在div標籤內使用style屬性即可設定此div盒子高度樣式。

小例:我高度為50px

解釋:以上通過div標籤的style屬性樣式設定height高度樣式。

20樓:之珈藍賀撥

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

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

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

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

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

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

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

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

如何實現內部div的高度自適應外部的div

21樓:淺黛薄妝

內部div的高度寫成 height="100%" 這樣就會隨著父級div的高度改變而改變。

22樓:跳2支舞

絕對定位,height:100%

css中li的橫向排列自適應寬度的問題

字數不一樣的話,你這樣太麻煩了 首頁我們的服務 那就不要給li設定寬度,寫乙個padding就好了,然後居中,這樣就會自動伸長了 把導航結構貼一下,我幫你改改 div css樣式,li自動適應高度,自動換行,橫向排列 換行 給li裡面的a設成塊級元素並給寬度和行高,如果li不包含a就在li上面設。橫...

怎樣讓我女朋友適應我的上班模式,怎麼讓我的女朋友,到我的城市來工作和生活?

呵呵 攢錢買一套房子,在你們兩人上班的地方的中間之後再買一輛車 我想,你們兩個人 的愛,絕對不會讓你們為距離的煩惱而困惑的 加油 另外,適當的分開也能保持彼此的新鮮感 既然工作不能改變,只能你們去適應了。經常發簡訊,打 或者qq聯絡都可以。你上班多少個小時?下班有時間可以打 聊聊或簡訊什麼的都行,不...

路由器對映的問題怎麼讓才能讓外網ip遠端連線

按你的要求,你埠對映的方法是錯誤的。你的要求正確的描述應該是把外網的2345埠對映到內網伺服器192.168.3.2的3389埠。在你發的圖裡面沒有看到應該出現的正確的操作介面。你點下特殊應用程式,看看有沒有你想要的。正確的介面應該有3個空可以填,外網埠 內網ip 內網埠。後面說下你以前的錯誤 1....