3

我想获得一些关于使用填充和边距进行页面布局与绝对定位的反馈。我意识到存在并且将会出现其中一个或两个都是首选的场景,这将取决于场景。

但是我得到的是像素完美设计的整体页面布局,一般的经验法则是什么?我在 HTML 和 CSS 方面已经有一年多的时间了,而且我来自平面设计背景,所以我的大部分思路主要集中在首先从布局的角度进行设计。到目前为止,在我的网页设计中,我已经使用经验法则在布局页面时使用带有浮动、填充和边距的适当标题的 div,并且如果某些东西需要绝对定位(例如要卡在屏幕边缘的元素或一个div)在必要时使用它。

但是最近我真的开始重新思考我的页面布局方法,并想知道从使用绝对定位作为一般经验法则是否是一个更好的主意?

有人可以指出一些关于这个主题的好文章或资源,我也很想听听每个人的个人反馈。

4

3 回答 3

2

我可以看到您来自哪里,但是在布局中使用绝对定位非常不灵活。我认为你最好继续使用 CSS 盒子模型。这并不是说绝对定位是一件坏事,只是它不够灵活,无法处理流畅的布局、改变盒子大小等。

于 2009-10-09T14:24:13.287 回答
0

在过去的 2 年里,我一直在学习越来越多的关于 CSS 布局及其怪癖的知识,并且我几乎使用浮动/边距技术,因为它似乎可以在不同的浏览器中为我提供最好的结果。

也许这只是我这样做的方式,但是当我试图在所有浏览器中获得相同的结果时,我在定位(绝对在相关容器内)遇到了一些痛苦。IE 通常是异常值,主要是 IE6/7。我对直接使用绝对定位有些犹豫,但也许这里的其他人可能有更好的体验,可以为您指明更好的方向。

祝你好运,我希望你能找到让你感觉舒服的东西!

于 2009-10-09T14:20:01.437 回答
0

正如 Rowan 所提到的,绝对位置对于所有不同的设备和屏幕尺寸都是不灵活的。

你应该做的,特别是如果你来自图形背景,是在你的网站设计过程中使用网格布局,它对应于网页的网格框架,例如引导程序。

然后你会得到

A:对称且吸引人的布局

B:比我们任何人都更了解这一点的人,他已经处理了浮动和边距可能导致的所有问题,并且将来会更新框架以弥补 Web 开发正在发生的转变。

于 2015-05-19T13:04:00.973 回答