display:flow-root

以前在float的问题上，大家都必须做的一件事情，清除浮动
其实清除浮动的方法已经很多很多了
我还是比较喜欢
clear: both
和
overflower:hidden

现在有多了一个方法
display: flow-root;
这个方法吧，比前面感觉也并没简单多少，好处就是对父元素高度设置友好

然后兼容低版浏览器问题，解决方法
.wrapper{display: flow-root;} @supports not (display:flow-root) { .wrapper::after { content: ''; display: table; clear:both; } }
新的东西还是多学学，以后兼容都不是问题的时候，应该还是不错的