页面布局——绝对定位答案

【问题标题】：Layout of pages - absolute positioning页面布局——绝对定位
【发布时间】：2010-02-09 22:19:49
【问题描述】：

下午 - 我真的在寻求一些建议。

作为一个新手，我现在意识到我用来设计我的第一个项目的方法有点垃圾。由于对 Web 开发知之甚少/一无所知，因此我将控件放置在具有绝对定位的页面上……我真的很喜欢拖放的想法！

无论如何，我现在意识到这不是我曾经做过的最棒的想法，因为不同的用户会有不同的分辨率而且不会 - 我看到的不一定是他们将看到的。

我将如何修改我的代码以保持控件之间相同的布局/间距但通常居中？

我是否必须将所有当前控件包含在某种表格或容器中，然后对齐？或者，是不是完全剥离了绝对定位，几乎从头开始？！

任何想法或想法将不胜感激。

（PS：请不要滥用！！！）

【问题讨论】：

【解决方案1】：

创建一个包装器，这是您希望所有内容的宽度。在这个里面你放了所有的东西；您的页眉、内容、页脚和在其中您可以定位“正确”的方式。您应该尽可能避免绝对定位，相对是要走的路，使用包装器可以轻松做到这一点。

因此，如果您创建一个 1000 像素的包装器，并且希望您的标题距左侧 200 像素，则不必担心不同的分辨率；他们将始终看到它显示在距离 1000px 左侧 200px 处，您可以将其置于页面中心。

【讨论】：