I m googling, coding but can
t爲我的問題尋找解決方案。我有容器設置爲100%的高度,其中包含另一個100%的容器,也有兩個固定高度的div,混淆了將所有內容放在一個屏幕中而不需要滾動的整個想法。 https://jsfiddle.net/6jk91tnq/容器內部的CSS多個div使得頁面延伸出高度100%
0
A
回答
0
看來你的印象是height: 100%
意味着填補空間下,然而,它的意思是「高度設置爲其父容器的100%」。
在你的例子中,你有兩個100%高度的容器div。外面的那個身高爲其父(身體)的100%。內部容器具有其父級的100%高度,這是之前的容器 - 實質上,您有一個內部div,可以告訴您「匹配整個頁面的高度」。
如果你想要的東西堅持頁面的底部(並忽略其他所有元素),你可以把它拿出來流動的,有力使用position: absolute; bottom: 0;
0
外面的容器應該是它定位只有一個具有100%的孩子的div應小於
<div style="height:100%">
<div style="height:90%;"/*or any value <100%, that is appropriate for your design */></div>
<div>
這意味着該外層div將是屏幕尺寸,並且內DIV將是90%的任何的父DIV是,
如果你會寫這樣的事情
<div style="height:50%">
<div style="height:100%"></div>
<div>
的div容器只能覆蓋一半的網頁,但內股利將覆蓋外層div的所有高度,其母公司的大小,其100%。
通過這個我的意思是你應該降低第一個子div的高度尺寸來實現你的小提琴中的一個傳呼機,
相關問題
- 1. 內容div的拉伸高度如此vertical-navi得到延伸
- 2. CSS DIV高度延伸到頁首
- 3. 高度的div不延伸至100%
- 4. 如何在內容頁面中修復高度100%? CSS和Div
- 5. 使包裝div延伸到與內容div相同的高度
- 6. Div高度100%的內容
- 7. 使div延伸到頁面的底部
- 8. CSS佈局100%的高度延伸到底部吧
- 9. 內容從div高度100%溢出
- 10. DIV內DIV內部DIV 100%高度
- 11. CSS高度頁面高度的100%?
- 12. 使內容固定寬度,但使DIV背景延伸。 (CSS)
- 13. CSS拉伸至100%高度
- 14. 製作DIV 100%拉伸另一DIV 100%的高度內
- 15. 使頁腳高度延伸到頁面底部
- 16. DIV - 力量高度100%= /頁面高度?
- 17. 100%高度溢出div容器
- 18. CSS:容器不延伸到100%的寬度
- 19. 伸出空的DIV 100%並得到它的高度
- 20. CSS div 100%高度
- 21. CSS DIV高度100%
- 22. 粘性css頁腳與100%高度內容容器。
- 23. 如何將div伸展至100%的頁面高度?
- 24. CSS DIV延伸底部
- 25. 使DIV高度延伸到父母的底部DIV
- 26. CSS:高度:100%容器的初始頁面加載可靠嗎?
- 27. 無法獲得「內容」div來延長頁面的長度
- 28. jquery div等於窗口高度延伸內容
- 29. 100%高度div內100%td
- 30. 使div元素伸展全部頁面的高度