Web 应用程序和使用绝对布局

Question

我正在开发一个网络应用程序，我希望它更像一个标准操作系统应用程序。它在布局上与 iTunes 类似，其中我有一个顶部标题、一个菜单栏，然后​​是一个左侧栏和一个主要内容区域。目标是所有内容都保持在屏幕上的位置，并且只有主要部分滚动（因为它有一个网格/目录）。

我可以通过使用绝对定位、添加溢出、指定顶部/左侧/顶部/底部以及在适用时自动滚动来实现此目的。但是，我不确定这是最好的方法。我在这里对 SO 和网络进行了一些研究，但没有找到确凿的答案。

我知道它有效，但这是一种有效或可接受的方法吗？我的目标是让它工作，但使用适当的标准和可接受的方法。

我也可以使用 Javascript 框架来完成此操作（extjs、一些 jquery 库等），但我认为它们做同样的事情，它们只是在页面加载时动态地执行此操作，而不是预先指定它。

Answer 1

CSS 对 Web 应用程序风格的 UI 布局的支持非常糟糕。有一些很有希望的规范，比如 css3-grids 和 css3-flexbox。但是缺乏浏览器支持，尤其是css3-grid。

当我今天实现一个网络应用程序时，位置：绝对，似乎是最不糟糕的选择。它足够灵活，可以满足大部分要求。

有一篇很好的博客文章对此进行了更多讨论：http://blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/

Answer 2

老实说，如果有效，则有效，如果无效，则无效。标准、最佳实践等都很棒，但只是因为它们可以帮助您实现实际目标。一旦每个人都弄清楚了正确的方法到底是什么，一个以“错误的方式”完成但运行起来的应用程序比最终将要构建的“正确”构建的应用程序要好得多。也就是说，听起来您的方法完全有道理。