css - 响应式 Web 应用程序 CSS

Question

我有一个独特的设计，需要完全响应。大多数容器都是 width:100%;除了一些导航。我一直在使用 css 表格非常明确地为设计获得一些简单的响应列，但现在我试图实现在屏幕顶部运行的导航，而不仅仅是列，我对如何使用 css 表格有点困惑正确地让布局工作......我所知道的是

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

我在这个原型(prototype)中有我需要工作的布局(在 Chrome 中，FF 不起作用)但是内容 div 没有滚动来显示内容。在这个原型(prototype)中，如果你查看更新后的 Chrome，我需要所有容器都留在原地，除了要滚动的 .content div ....如果没有 JS 这甚至可能吗？

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

在此先感谢您的帮助/建议!

Answer 1

有些事情告诉我没有人看到这篇文章，我不知道为什么人们没有看到我最近的帖子......有比我更聪明的人回答我的旧问题。不管我是通过使用大量容器来解决的

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

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