响应式网络应用程序CSS

时间:2014-04-16 06:40:11

标签: css3 responsive-design

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

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

我在这个原型中有我需要的布局(在Chrome中,FF不起作用),但内容div不会滚动显示内容。在这个原型中,如果你查看更新的Chrome,我需要所有容器保持在原地,除了.content div滚动....如果这甚至可能没有JS吗?

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

提前感谢您的任何帮助/建议!

1 个答案:

答案 0 :(得分:0)

有些东西告诉我没有人看到这篇文章,我不知道为什么人们没有看到我最近的帖子......有更聪明的人回答我比我更老的问题。无论我通过使用大量的容器来解决这个问题

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

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