有哪些经常被误用的 HTML、JavaScript、CSS 的元素、方法和属性？

摘抄记录：

1、float:left/right 或者 position: absolute 后还写上 display:block，画蛇添足（三者关系：Visual formatting model）

2、不分场景的使用 overflow:hidden 来闭合浮动（详见：那些年我们一起清除过的浮动）

3、为了让 Chrome 这个脑残支持小于12px 的文字，在 html 设置 -webkit-text-size-adjust:none; (最新的桌面版该属性已经被删除了，变更集：Changeset 145168)

4、认为 px 是一个绝对单位（px 是相对单位），整个页面都是 px，line-height 也用 px，全家都是 px

5、习惯性不分场景的去除 a 标签 focus 时候的焦点

6、认为布局就是 Float，所有的地方都是 Float，全家都是 Float！（试试 inline-block inline-block 前世今生 吧，试试 Flexbox 吧）

7、满页面都是用 .clearfix 来闭合浮动，如果已经有了BFC为嘛还要在闭合浮动呢？毒害不浅，某浪微博为例，102个 .clearfix

详见（出自）：

https://www.zhihu.com/question/20979831

转载于:https://www.cnblogs.com/hongsonz/p/6806184.html