我有一个独特的设计需要完全响应。大多数容器的宽度为:100%;一些导航除外。我一直在使用css表来为设计获得一些简单的响应列,但是现在我试图实现在屏幕顶部运行的导航,而不仅仅是列,我对如何使用css表有点困惑正确地让布局工作......我所知道的只是
display: table > for container
display: table-cell > for rows
我在这个原型中有我需要的布局(在Chrome中,FF不起作用),但内容div不会滚动显示内容。在这个原型中,如果你查看更新的Chrome,我需要所有容器保持在原地,除了.content div滚动....如果这甚至可能没有JS吗?
布局:http://jsfiddle.net/6Q9QY/2/
提前感谢您的任何帮助/建议!
答案 0 :(得分:0)
display:block container inside display:table-cell will allow to scroll and keep site fixed