在chrome 47上(正確的行為): 在chrome 47上,div .scroll正確滾動,使用flex調整高度為100%。在Firefox(錯誤行為)上: 在Firefox上,與div一起.scroll使用的是內容高度,并且滾動不正確??鐬g覽器解決此問題的方法是什么?http://jsfiddle.net/d4nkevee/for (var i = 0; i < 100; i++) $(".scroll").append("Dynamic content<br>");body,html { margin: 0; padding: 0;}.container { box-sizing: border-box; position: absolute; height: 100%; width: 100%; display: flex; flex-direction: column;}.content { background: yellow; flex: 1; display: flex; flex-direction: column;}.scroll { flex: 1 1 auto; overflow: scroll;}<div class="container"> <div class="bar">Small</div> <div class="content"> <div>Static content</div> <div class="scroll"></div> <div>Static content</div> </div> <div class="footer">Small</div> </div>
- 2 回答
- 0 關注
- 825 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消