1
我最近在尋找一個動態的CSS粘的頁腳的解決方案，並碰上了這一個： http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html動力高度的CSS頁腳粘
似乎在大多數，我試過，但流行的新的瀏覽器的工作大某些原因鉻不以相同的方式顯示它，我的猜測是safari以相同的方式行事。
任何人都可以指點問題出在哪裏？
謝謝。
A
回答
3
好吧我解決了爆炸藥丸的評論。
如果將主體標籤顯示屬性設置爲display: table，則很可能是一個錯誤。
來解決它只需將元件彼此div標籤內，並設置爲display: table
+0
埋在另一個div內的內容的主要問題當然是，只用於強制佈局的額外的div是不是 - 語義元素 - 它們與* data *無關，並且作爲佈局元素，它們在現代網頁中不合適，從而觀察到適當的關注點分離。 FWIW。 – Craig 2015-09-28 23:12:27
相關問題
- 1. 未知高度的CSS粘性頁腳
- 2. Bootstrap 4 - 粘性頁腳 - 動態頁腳高度
- 3. 高度可調的粘性頁腳
- 4. 粘性CSS頁腳
- 5. 粘滯頁腳CSS
- 6. css-only動態高度頁腳100％div高度
- 7. 粘性頁腳，以及沒有特定高度的滾動div
- 8. css粘性頁腳沒有滾動條
- 9. DIV - 力量高度100％= /頁面高度？
- 10. 全高柱和粘頁腳
- 11. CSS粘滯頁腳失敗
- 12. ASP.NET中的CSS粘頁腳頁面
- 13. 動力高度頁，但DIV高度不工作
- 14. CSS動態定位頁腳（粘性頁腳問題）
- 15. 動力高度的UILabel
- 16. CSS高度頁面高度的100％？
- 17. css粘頁腳在一個asp.net頁面
- 18. 粘性頁腳混淆了部分的高度
- 19. 粘滯頁腳包裝不擴展到正確的高度
- 20. 高度：100％和粘滯頁腳佈局。最後的戰鬥
- 21. 的div高度100％，但不超過絕對粘頁腳
- 22. 複雜粘頁腳和100％的內容高度
- 23. 粘性頁腳在100％高度的網站上
- 24. 創建CSS粘頁腳時，爲什麼使用最小高度而不僅僅是高度？
- 25. 的CSS固定高度的內容內beetwen頁腳和頁眉
- 26. 簡單的CSS問題 - 粘頁腳等
- 27. 做相反的CSS粘頁腳
- 28. 與頁眉和頁腳和動態內容高度的CSS的div
- 29. CSS如何獲得頁眉和頁腳之間的高度？
- 30. Bootstrap 100％高度（內容使頁腳粘到底部）
我跟着鏈接和頁腳堅持在Chrome和Safari – Vector 2013-04-24 21:36:50
精細頁腳堅持罰款，但頭不留在頂部像其他瀏覽器一樣 – Jake 2013-04-24 21:37:31
這可能是一個錯誤;刪除'display：table'並添加回來讓它正確顯示 – 2013-04-24 21:38:30