5

对所有内容使用 CSS 定位(来自 Dreamweaver AP Div)而不是Float固定宽度、居中的网站的最大缺点是什么?

如果我不在乎

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

但我关心

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

3 回答 3

3

它不是两者之一/或两者兼而有之......浮动适用于某些情况和位置:对其他人来说是绝对的,因此您可能需要将两者用于您的设计。如果您对使用 CSS 很认真,我建议您购买并阅读这本书http://www.transcendingcss.com/

于 2010-02-09T10:53:55.320 回答
3

如果您不在乎小分辨率,那只是灵活性问题:当您使用绝对定位时,您会破坏流程。所以,一切都必须精确。

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

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

浮动不是完美的解决方案,正如您可以在许多博客上看到的那样:它是一个非常特殊的定位,但它很有用,因为“内联块”并不总是有效。当然,当你真的想让元素浮动时,它也很有用。

当您的英语说得不好时,就不那么容易解释了:)

于 2010-02-09T09:10:33.687 回答
2

如果一个元素包含文本,您无法预测它的高度(因为您不知道它实际呈现的字体和字体大小)。

这使得不可能将一个元素的顶部放置在另一个元素的底部。例如:忘记传统的“带有页眉和页脚的两列”布局。

于 2010-02-09T09:30:22.857 回答