在无表设计中使用浮动好吗？

Question

在无表设计中使用浮动好吗？在无表跨浏览器兼容设计的背景下，float的优缺点是什么？对于跨浏览器兼容的无表设计，有什么最佳实践指南吗？

Answer 1

这有点像是在问“我应该使用数组吗？”在这两种情况下，答案都是“这取决于(你想要实现什么)”。

浮点数不仅有用，向后兼容，而且可以说是必要的(不管有没有表)，但这并不是真正的重点。您使用它们，因为它允许您实现所需的结果。

就像所有的东西一样，它们都有长处和短处。最值得注意的是，浮动最适合固定宽度的内容。让浮动像它需要的那样宽往往是这样的布局下降的地方。

编辑：关于IE以不同方式对待它们的评论，适用两条经验法则：

• always在您的文档上声明一个DOCTYPE。这迫使IE从“怪癖”模式切换到“符合标准”模式(这两种说法都是委婉语)；and
• always使用reset CSS (还有其他的)。

尽管如此，你仍然需要在主流浏览器中测试你的页面，但根据我的经验，要写出在所有浏览器上都能工作的东西并不那么困难，只需要在事后进行调整即可。

Answer 2

别忘了将表格用于表格数据，我见过许多设计者仅仅使用列表和浮点数来创建事件和用户等的表格。

Answer 3

在无表设计中使用浮点数( Moak是正确的-您应该将表用于表格数据)几乎是公认的最佳实践。当然也有例外--你可以使用定位，但这打开了一个全新的蠕虫罐头(特别是当涉及到浏览器兼容性问题时)。

只要您花时间确保您的浮点数被正确地清除(http://www.positioniseverything.net/easyclearing.html和http://www.quirksmode.org/css/clearing.html是两种不同的方法；我更喜欢后者，但就像所有事情一样--正确的答案是“视情况而定”)，您就不会遇到太多问题。另外，就像Cletus提到的，声明你的DOCTYPE。

当然，有一件重要的事情需要注意，那就是你会遇到更多与IE相关的问题，并且会随着版本号的下降而增加(IE8相当不错，7就更少了，好吧，我们都知道IE6和现代CSS的关系)。

回答你的“优点/缺点”问题-优点是你没有在文档的标记中编写表象代码，因为你可以将CSS规则应用于任何元素，这意味着你的文档在尺寸上更小(这不再是一个大问题，但对一些人来说仍然是)，(更重要的是)你不会被任何特定的设计决策所束缚。

唯一真正的缺点是存在一些潜在的浏览器兼容性问题(以及偶尔的奇怪行为)，但大多数问题都有文档记录，并有很好的解决方案。