清除浮动问题

Question

css.left,.right,.center{&:before{display:table;content:"";line-height:0;}&:after{display:table;content:"";line-height:0;clear:both;}}有时候清除浮动后，高度就自己变的特别高了，超过了里面内容div的高度这个是为什么

Answer 1

html*:after{
display:'block';
content:'.',
visibility:hidden,
clear:both
}
                            

Answer 2

关于清除浮动的代码只需要after部分就可以了，至于line-height:0是没有啥意义的。可以直接是：
css.clearfix:after{
content:"";
display:table;
clear:both;
}
如果需要兼容性的话，那么加上.clearfix{*zoom:1;}就可以了。
至于before，那是用来防止margin折叠的；和清除浮动没什么关系。
但是不明白你说的之后高度就特别高是啥意思，可能还有其他地方代码影响了。