以前在float的问题上,大家都必须做的一件事情,清除浮动
其实清除浮动的方法已经很多很多了
我还是比较喜欢
clear: both
和
overflower:hidden
现在有多了一个方法
display: flow-root;
这个方法吧,比前面感觉也并没简单多少,好处就是对父元素高度设置友好
然后兼容低版浏览器问题,解决方法
.wrapper{display: flow-root;} @supports not (display:flow-root) { .wrapper::after { content: ''; display: table; clear:both; } }
新的东西还是多学学,以后兼容都不是问题的时候,应该还是不错的