logo标签列表

CSS布局：外边距和内边距与绝对定位相比如何？

csspaddingmargincss-position
3
我希望就使用填充和边距进行页面布局与绝对定位进行页面布局这两种方式，得到一些反馈。我知道这两种方式都有它们适用的场景，具体要看情况而定。
但是，就像像素完美设计的整体页面布局来说，有什么通用的规则吗？我学习HTML和CSS已经有一年多了，我的背景是平面设计，所以我更倾向于从布局角度去考虑设计。在我的网页设计中，我通常使用合适标题的div元素，配合浮动、填充和边距来布局页面，如果需要绝对定位（例如元素粘在屏幕边缘或者一个div），只在必要时使用。
但是最近我开始重新思考我的页面布局方法，想知道是否以绝对定位为通用规则会更好一些？
请问有人能指出一些关于这个主题的好文章或资源吗？我也很想听听大家的个人反馈。
3个回答
2

我知道你的想法，但是使用绝对定位来布局是非常不灵活的。我认为你最好继续使用CSS盒模型。这并不意味着绝对定位是一件坏事，只是它不够灵活，无法处理流体布局、改变盒子大小等情况。

0

正如Rowan所提到的，绝对定位在各种不同的设备和屏幕尺寸上过于僵硬。

如果你来自平面设计背景，你应该使用网格布局在你的网站设计过程中，这个网格布局对应着网页的网格框架，例如bootstrap。

然后你会得到：

A：对称美观的布局

B：有人比我们任何人都更了解这个问题，他已经处理了所有浮动和边距可能引起的问题，并将在未来更新框架以弥补Web开发的变化。

0

在过去的两年中，我一直在学习CSS布局及其怪癖，并且基本上使用浮动/边距技术，因为它似乎可以在不同的浏览器中给我最好的结果。

也许只是我做法的问题，但是当我尝试在所有浏览器中获得相同的结果时，我在定位（相对容器内的绝对定位）方面遇到了一些困难。IE通常是异常值，这主要是针对IE6/7。我对直接使用绝对定位有所犹豫，但也许这里的其他人可能有更好的经验，并且可以指引您走向更好的方向。

祝你好运，希望你能找到一些让你感觉舒适的东西！

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接