首先在很多很多年以前我们常用的清除浮动是这样的。

CSS中display:inline-block属性用法

注：在行内元素上使用display:inline-block,IE6、7与其他浏览器效果一致

display:block是将对象块状化

父元素和子元素的宽度都未知

display:none和visibility:hidden的区别//1、空间占据display:none;//隐藏的元素不占文档流visibility:hidden;//隐藏的元素空间存在(占茅坑、不拉屎)//2、回流和重绘(reflow/repaint)display:none;//隐藏参数回流和重…

接触前端开发也有半年了，每当需要将一个空白的纸，”画“成一个页面的时候，总会出现不知所措的几秒钟。除了因为对css中的各种属性的不熟练之外，更难为人的是怎么简练的将这些属性排列组合起来。

关键兼容代码：display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;/*水平居中*/-webkit-box-align:center;-moz-box-align:center;-ms-flex-pack:cente…