html - 在 table less 设计中使用 float 好吗?

标签 html cross-browser css-float css

table-less设计中使用float好不好?在无表跨浏览器兼容设计的背景下, float 的优缺点是什么?是否有针对跨浏览器兼容的无表格设计的最佳实践指南?

最佳答案

这有点像问“我应该使用数组吗?”。这两种情况的答案都是“这取决于(取决于您要实现的目标)”。

float 不仅有用、向后兼容而且可以说是必需的(有或没有表格),但这并不是重点。您使用它们是因为它可以让您达到预期的结果。

就像所有事物一样,它们都有优点和缺点。最值得注意的是, float 内容最适合固定宽度的内容。让 float 尽可能宽,往往是此类布局失败的地方。

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

  • 总是声明一个DOCTYPE在你的文件上。这迫使 IE 从“怪癖”模式进入“符合标准”模式(两种委婉说法);和
  • 始终使用 reset CSS (还有其他人)。

话虽这么说,您仍然必须在主要浏览器中测试您的页面,但根据我的经验,编写一些大部分开箱即用的东西并不难在所有浏览器上,只需在事后进行调整。

关于html - 在 table less 设计中使用 float 好吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2513182/

相关文章:

javascript - HTML 电子邮件模板解决方案到 table TD 中的 javascript 链接?

css - Div 容器最小高度错误

cross-browser - 是否有用于跨浏览器桌面通知的 JavaScript 库?

CSS:将 div 放在 float:right 的右边

html - 左边距和 100% 宽度插入 float 文本移出浏览器边缘

css - 结合 float 和 nth-child 清除行为和动态隐藏框

javascript计时器/持续时间在一段时间后给出错误的计算

html - 为响应式设计重新排列 html

asp.net - IE兼容模式问题

javascript - 如何实现跨浏览器的 console.log 功能