我一直在努力寻找如何实现如下图所示的布局，但未能找到确切的布局。 
我正在尝试在其内容面板中实现包含数据网格(ui-grid)的响应式布局。当窗口调整大小时，网格会相应地调整大小，即网格的滚动条发生变化，而数据网格所在的实际内容面板上不需要滚动条 - 这可能吗？它几乎就像一个 chalice 布局，只是我不希望内容 div 可滚动，只希望数据网格本身。我一直在尝试使用 Flexbox，但没有成功 - 任何好的链接将不胜感激。
谢谢
最佳答案
您必须从用户体验的 Angular 来看待这个问题。想象一下，你有这个工作，你正在移动设备上向下滑动一个可滚动的表格。在到达顶部或底部之前，您不能向上或向下滚动电子邮件的其余部分。结果，无论是否可滚动，都是一样的。这似乎是一个“ chalice ”，但实际上它有点像净零。 (您有多少嵌入式 map 占据了您的手机屏幕，因为您无法从屏幕上滑开，只能在屏幕内滑动？)
您想要做的事情可以在某些电子邮件客户端上通过容器上的溢出:滚动来实现，但在许多客户端上并不可靠。
关于html - 包含数据网格的响应式网页布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34322705/