css布局:边距和填充与绝对定位?

时间:2009-10-09 14:05:50

标签: css padding margin css-position

我想获得一些关于使用填充和页边距与绝对定位的边距的反馈。我意识到,其中一种或两种都是首选的,并且将取决于场景,并且将会有风景。

但我得到的是像素完美设计的整体页面布局,一般的经验法则是什么?我是一年多的HTML和CSS,我来自平面设计背景,所以我的思路大部分都在于从布局的角度来看设计。到目前为止,在我的网页设计中,我已经使用经验法则在布局页面时使用带浮动,填充和边距的适当标题div,以及是否需要绝对定位(例如要粘贴在屏幕边缘的元素或div)必要时使用它。

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

有人可以在这个主题上指出一些好的文章或资源,我也很乐意听到每个人的个人反馈。

3 个答案:

答案 0 :(得分:2)

我可以看到你来自哪里,但是对你的布局使用绝对定位是非常不灵活的。我认为你最好继续使用CSS盒子模型。这并不是说绝对定位是一件坏事,只是它没有足够的灵活性来处理流体布局,改变箱子尺寸等。

答案 1 :(得分:0)

在过去的两年里,我越来越多地了解CSS布局及其怪癖,我几乎都在使用浮点/边距技术,因为它似乎在不同的浏览器中给我最好的结果。

也许这就是我这样做的方式,但是当我试图在所有浏览器中获得相同的结果时,我经历了一些定位的痛苦(绝对内部相对容器)。 IE通常是异常值,主要是IE6 / 7。我对直接进入绝对定位犹豫不决,但也许这里的其他人可能有更好的经验,可以指出你更好的方向。

祝你好运,我希望你找到一些让你觉得舒服的东西!

答案 2 :(得分:0)

正如Rowan所提到的,绝对的立场是对所有不同的设备和屏幕化都不灵活。

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

然后你会得到

A:对称且吸引人的布局

B:知道这一点的人比我们处理浮动和利润可能造成的所有问题的任何人都要好得多,并且将在未来更新框架以补偿网络开发所带来的转变。