我想获得一些关于使用填充和边距进行页面布局与绝对定位的反馈。我意识到存在并且将会出现其中一个或两个都是首选的场景，这将取决于场景。
但我所了解的是像素完美设计的整体页面布局，一般的经验法则是什么？我在 HTML 和 CSS 方面已经有一年多的时间了，而且我来自平面设计背景，所以我的大部分思路主要集中在首先从布局的角度进行设计。到目前为止，在我的网页设计中，我已经使用经验法则在布局页面时使用带有浮动、填充和边距的适当标题的 div，并且如果某些东西需要绝对定位（例如要卡在屏幕边缘的元素或一个 div) 在必要时使用它。
但最近我真的开始重新思考我的页面布局方法，并想知道从使用绝对定位作为一般经验法则是否更好？
谁能指出一些关于这个主题的好文章或资源，我也很想听听大家的个人反馈。
【问题讨论】：
标签： css padding margin css-position
在过去的 2 年里，我对 CSS 布局及其怪癖的了解越来越多，并且我几乎使用浮动/边距技术，因为它似乎可以在不同的浏览器中为我提供最佳结果。
也许这正是我的做法，但是当我试图在所有浏览器中获得相同的结果时，我在定位（绝对在相关容器内）时遇到了一些痛苦。 IE 通常是异常值，主要是 IE6/7。我对直接使用绝对定位有些犹豫，但也许这里的其他人可能有更好的体验，可以为您指明更好的方向。
祝你好运，我希望你能找到让你感觉舒服的东西！
【讨论】：
我可以看到您来自哪里，但是为您的布局使用绝对定位非常不灵活。我认为你最好继续使用 CSS 盒子模型。这并不是说绝对定位是一件坏事，只是它不够灵活，无法处理流畅的布局、更改框大小等。
【讨论】：
正如 Rowan 所提到的，绝对位置对于所有不同的设备和屏幕尺寸都是不灵活的。
您应该做的是，特别是如果您来自图形背景，在您的网站设计过程中使用与网页网格框架相对应的网格布局，例如引导程序。
然后你会得到
A：对称且吸引人的布局
B：比我们任何人都更了解这一点的人，他已经处理了浮动和边距可能导致的所有问题，并且将来会更新框架以弥补 Web 开发正在经历的转变。
【讨论】：