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

2022-12-07 17:36:06 字數 3063 閱讀 1952

1樓:殘香魂

只用css,不使用js。ie高版本跟谷歌已測。

阿西吧,對不住啊,看錯題目了。我做的題目是上下兩個div,上面200px;下面自適應高度。

2樓:譚加巧

fdsfds

fdsfds

fdsfds

fdsfds

fdsfdsfds

fdsfds

fdsfds

fdsfdsfds

fdsfds

fdsfds

fdsfds

fdsfds

fdsfds

fdsd

3樓:

4樓:匿名使用者

上面的div高度設為auto,可以根據下面div的高度變化,但是一定要設定最大(max-height)和最小(min-height)高度,加上滾動條,下面的div也要設定最大最小高度,這樣就可以了,但是如果說下面的高度是要使用者在頁面中調的話就要另外說了。

5樓:看學者

這個div不用控制高度

6樓:f紅剛

可調div

不可調div

7樓:匿名使用者

上邊的可以用文字域,加個auto試試,下邊的直接定死不就行了

8樓:亂**車斯基

你說的是直接在網頁上實現拖動調div的高度?

父級div高度100%,裡面有兩個子div,上下排列,上面的div高度固定,下面的div如何做到自適應高度

9樓:匿名使用者

內容bai

--------------------------上面的du背景色和zhimargin值僅為了測試dao用,可

回以答去掉-------------------------

10樓:匿名使用者

你要做bai自適應,當然用auto,,當然,du你又想內容zhi太少的時候,dao指定它一個高內度,就可以用min-height這個

容是最小高度的意思,意思就是,如果容器沒有達到這個高度就按這個高度,超過這個高度,就按height。。。。還有max-height,這是最大高度,限制高度的作用。。。

11樓:電子商務許傳來

你這邊父級div的高bai度是

du100%,son1的高度是150,son2的高度也zhi定位150不久可以了dao嗎,執行一下這版段**權看看是不是你要的效果

12樓:一片情的家

mx-height:150px;

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樓:飛喵某

2、接下來設定列表的樣式,在上方的style標籤中先設定ul標籤的高度和寬度,並設定overflow-x屬性為隱藏,這樣橫向的滾動條就隱藏了,overflow-y屬性設定為滾動,縱向的滾動條就顯示出來了,最後設定li標籤,給它一個較高的高度,讓li標籤超出ul的高度範圍就可以了:

3、最後開啟瀏覽器,就能看到帶滾動條的選單了:

19樓:匿名使用者

這個css解答不了,因為高度寫100%是無效的或者說是不相容的

20樓:小剛

沒有那麼麻煩, 你直接大概的量一下瀏覽器的高度, 然後給這個div 寫個高度 然後寫,overflow-y:auto

樓主應該是這個意思, 你先試試, 看是不是你要的結果

css 怎麼讓自適應螢幕大小,不出現滾動條呢

21樓:

body;預設自動上下左右平鋪的。不是拉伸

22樓:斷的刃

那滾動條不是谷歌瀏覽器的滾動條嗎?

為什麼要改自適應,如果被拉伸很大或縮到很小,有沒有想過會是什麼結果?頁面還會不會好看?

如果你執意要不顯示滾動條,你首先要將最底層的div設定預設,然後放此**的div的style高度預設,**style高度設定100%。不過當你的瀏覽器高度縮小到比你左邊的選單欄小的時候滾動條一樣會出現。又或者你可以使用jquery框架來設定**的自適應(這種方法好於直接設定style)。

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

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

jquery怎麼簡單去獲取div的高度啊

第一步,獲取你 bai要得到高度的那個dudiv的jquery物件zhi,獲得方法有很多很多種,具體dao你內可以看一下jquery api文件裡容的選擇器部分,在這裡我只跟你說一個最直接的方法,通過id獲得 div id 第二步,要看你要得到的是什麼高度了,jquery裡現有的三個 其實是兩個 獲...

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

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