用于跨浏览器设计的css和兼容性代码中的定位和浮动

Question

你们中的任何人都可以给我一个链接来了解定位并在css中浮动，这样我的网站就可以顺利地在Firefox和Chrome中运行。 这对我很有帮助。 什么是跨浏览器CSS的兼容性代码？请尽可能了解兼容性代码或链接。

Answer 1

Chris Coyier一直是关于CSS的好资源。

一些非常好的文章：

• All about floats
• Quick Overview of CSS Position Values（截屏视频）
• A Complete Guide to Flexbox

最后一个是关于flexbox的，我们将在未来几天使用它们。

Answer 2

您可以参考以下链接了解浮动和位置。

<强>浮

http://www.w3schools.com/cssref/pr_class_float.asp http://css-tricks.com/all-about-floats/

<强>位置

http://www.w3schools.com/cssref/pr_class_position.asp

http://css-tricks.com/almanac/properties/p/position/

Answer 3

您需要学习定位的基本原理。通常使用网格系统在保持标准方面非常有效，您需要了解浮动如何依赖于定位。 W3 Schools是一个非常好的资源，也是一个很好的起点。

还有许多基于网络的解决方案来测试您的代码，例如http://crossbrowsertesting.com/（谷歌），但是，在VM上测试本机或类似的东西会给您更准确的结果。