css - 使用位置 : absolute & top/left over Float & margin+padding, 的最大缺点是什么 如果网站是固定宽度(970px)，居中？

Question

对于固定宽度、居中的网站，使用 CSS 定位(From Dreamweaver AP Div)而不是 Float 的最大缺点是什么？

如果我不在乎

• 移动用户
• 小屏幕用户(小于 1024像素屏幕尺寸)

但我关心

• 屏幕阅读器用户
• 所有浏览器用户(包括 IE6)

Answer 1

如果您不关心小分辨率，那只是灵 active 问题:当您使用绝对定位时，您会打断流程。因此，所有内容都必须精确调整大小。

对于许多元素或情况(制作完美的图像标题......)，它是最佳(有时是独一无二的)选择。大多数时候，'relative' 更好，因为它保持流(元素留在流中)但是你可以相对于 positionned parent 修改定位(不要忘记定位父级，即使你没有给出明确的位置;例如只需添加 position:relative，没有 top/left...)。而且，好的一点是，“position: relative”为 IE 中的元素提供了 haslayout!

例如，如果您想将页脚放在内容之后，绝对不是一个好主意，因为您可能不知道内容的高度。但是如果你想在屏幕顶部放置一个菜单但不想打扰使用屏幕阅读器的人(大菜单应该在最后，在线性化文档上)，绝对定位是完美。

float 不是完美的解决方案，您可以在许多博客上看到:这是一个非常特殊的定位，但它很有用，因为“inline-block”并非始终有效。当然，当您真的想让元素 float 时，它也很有用。

当你英语不好的时候就没那么容易解释了:)