如何兼容float：none？

Question

我对Float的兼容性和使用有点困惑：无;。 Basicaly我在我的通用样式表中使用float：left并希望使用媒体查询创建一个例外。在这个查询中，我想“撤消”左边的浮动。

我的第一个想法是使用'Float：none;'但是我似乎找不到关于如何使用它以及它是否与所有浏览器兼容的文档。

我检查了'caniuse.com'并且它给了我两个不同的答案来回答同一个问题......当我搜索“float”时，它说它几乎得不到支持。当我搜索“Float:none;”时，它表示广泛支持。

我是否应该使用float：none来解决这个原因和/或是否有更好的方法来“撤消”浮动？

Answer 1

float: none;应该可以“撤消”浮动环境。作为替代方案，您还可以在元素上设置clear: both;，以结束浮动环境。

或者在你的情况下：clear: left;

通常，浏览器的float（及其所有属性）为widely supported。检查“caniuse”时，请确保查看CSS属性：

  

CSS 2.1属性（支持良好的子集）：float（none | left |   右）

Answer 2

Float：所有浏览器都不支持。

在此处查找“CSS 2.1属性”：http://caniuse.com/#search=float

Answer 3

float：none已经与所有浏览器完全兼容多年。如果它不适合您，请检查选择器的特异性。你指向的第一个链接实际上并不是浮动属性。