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

Javascript Web应用程序和使用绝对布局,javascript,web-applications,layout,css-position,Javascript,Web Applications,Layout,Css Position,我正在开发一个网络应用程序,我想让它更像一个标准的操作系统应用程序。它的布局与iTunes相似,我在iTunes上有一个顶部标题,下面有一个菜单栏,然后是一个左侧边栏和一个主要内容区域。目标是所有内容都保持在屏幕上的位置,只有主要部分滚动(因为它有一个网格/内容表) 我可以通过使用绝对定位、添加溢出、指定上/左/上/下以及自动滚动(如果适用)来实现这一点。然而,我不确定这是最好的方法。我在SO和网络上做了一些研究,没有找到一个结论性的答案 我知道这是可行的,但这是一种有效的或可接受的方法吗?我的

我正在开发一个网络应用程序,我想让它更像一个标准的操作系统应用程序。它的布局与iTunes相似,我在iTunes上有一个顶部标题,下面有一个菜单栏,然后是一个左侧边栏和一个主要内容区域。目标是所有内容都保持在屏幕上的位置,只有主要部分滚动(因为它有一个网格/内容表)

我可以通过使用绝对定位、添加溢出、指定上/左/上/下以及自动滚动(如果适用)来实现这一点。然而,我不确定这是最好的方法。我在SO和网络上做了一些研究,没有找到一个结论性的答案

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


我也可以使用Javascript框架(extjs、一些jquery库等)来实现这一点,但我认为它们也可以做同样的事情,它们只是在页面加载时动态地执行,而不是预先指定它。

老实说,如果它行得通,如果不行,就不行。标准、最佳实践等都是很好的,但只是因为它们帮助您实现实际目标。一个“错误的方式”但已经启动并运行的应用程序比最终将要构建的“正确的”应用程序要好得多,只要每个人都知道正确的方式到底是什么。也就是说,听起来你的方法完全有道理。

CSS对web应用程序样式的UI布局的支持非常差。还有一些很有前途的规范,比如CSS3Grids和CSS3FlexBox。但是缺乏对浏览器的支持,尤其是css3网格

当我今天实现一个web应用程序时,position:absolute似乎是最差的选择。它足够灵活,满足大多数要求


有一篇很好的博文对此进行了更多的讨论:

几年后接受了答案,但完全错过了这个答案!这是一篇非常好的文章,即使在这个问题被回答了几年之后。