2014-04-16 142 views
0

我有一個獨特的設計,需要完全響應。大多數容器的寬度是:100%;除了一些導航。我一直在使用CSS表格來設計一些容易響應的列,但現在我試圖實現橫跨屏幕頂部的導航而不僅僅是列,我有點卡住如何使用CSS表properlly拿到佈局工作...我所知道的是響應的Web應用程序的css

display: table > for container 
display: table-cell > for rows 

我有佈局我需要這個原型工作(在Chrome中,FF不工作),但內容股利不滾動顯示內容。在這個原型中,如果你查看更新後的Chrome瀏覽器,我需要所有的容器留在除了.content div滾動....如果這甚至可能沒有JS?

佈局:http://jsfiddle.net/6Q9QY/2/

預先感謝任何幫助/諮詢!

回答

0

東西告訴我沒有人看到這篇文章,我不知道爲什麼人們沒有看到我最近的帖子......有更聰明的人回答我的老問題比我更。不管我想通了使用廣泛的大量集裝箱

http://jsfiddle.net/cZQUb/1/

display:block container inside display:table-cell will allow to scroll and keep site fixed