任何人都可以找出這個CSS高度怪癖

好吧，這讓我完全難住，一直試圖修復幾天無濟於事。任何人都可以找出這個CSS高度怪癖

我已經使用cbpFWTabs.js來分割我的內容。

但它似乎表現非常奇怪，因爲它忽略了我的身高參數，並將div設置爲內容大小。

唯一的方法來設置一個固定的高度，但我希望div動態調整大小以填充屏幕的其餘部分，並顯示滾動條，如果它超過了內容包裝div（保持菜單欄固定）。

我檢查所有的家長，它只是似乎沒有什麼反應我嘗試:(

這裏舉例： http://numerco.com/wp-content/uploads/NUA/scratch.html

我敢肯定它的財產以後瑣碎的我錯過了，但其駕駛我瘋了。

謝謝！

來源

2016-09-29 Anthony George

它在響應式設計中始終是一件好事，它爲最外層的容器填充類似'height：100％'的視口，所以這裏沒有錯！但請注意[this]（http://stackoverflow.com/questions/39309205/height-calculation-by-browsers-containing-blocks-and-children），這看起來有點意外的行爲。 – kukkuz

解決方案可能是使用'vh'單位來填充屏幕高度...之間請添加片段/小提琴，而不是張貼外部鏈接......謝謝！ – kukkuz

確定這是非常奇怪的HTML高度設置正確和正文在這裏我得到975px，但其子線路節電流或設置太1189px，它的高度參數設置爲100％爲什麼有什麼想法，爲什麼發生這種情況？謝謝 –

每當一個元素上有height: 100%，這意味着它會繼承其父的高度。

因此，您需要做的第一件事是在.container上設置height: 100%，使其高度佔據body的整個高度。

然後，在.container > section上設置height: 100%。然後，孩子們知道伸展到正確的高度（從body傳播下去）。

這應該解決您的OP中的問題。不過，看起來你的身高仍然有些腥意。如果您需要，隨時可以提出另一個問題。

來源

2016-09-29 21:18:10 cheryllium

感謝您在正確的方向邁出的一步。我更新了您的更改頁面，它正在填寫。但現在它稍微大小，只是看看現在試圖解決什麼事情:) –

不知道什麼是擴大它如此之高，高度：83％效果不錯，但somthing告訴我這不應該發生像這個.. –

一個解決方案可能是使用'vh'單位來填充屏幕高度... – kukkuz

任何人都可以找出這個CSS高度怪癖

回答

相關問題