本文详细探讨了CSS面试中的经典问题，包括清除浮动的方法、opacity、visibility与display的区别、如何画三角形、浏览器兼容性前缀、重绘与重排的区别、图片优化策略、CSS3的transition和animation属性、居中技术的比较、图像滚动控制属性、伪类与伪元素的区分，以及CSS样式权重解析。通过这些问题，深入理解CSS的工作原理和优化技巧。
文章目录
1、清除浮动
先来回答一个问题，为什么会需要清除浮动？
如果一个dom内的所有子dom都是float：left 或者float：right，那么所有的子dom都处于另外一个层级，父dom所在的层级将为空，所以如果不规定父dom的高度，那父dom的高度就是0
1.清除浮动最简单的方式就是规定父dom的高度 height：xxxpx；
2.给父级dom添加overflow:hidden 清除浮动方法 当overflow 属性不为 visible时，会形成一个BFC的独立渲染区域，这个区域将会视float为同一个独立层级进行渲染，所以float dom的高度，就是整个BFC渲染区域的高度
3.万能清除法 ::after 伪元素清浮动（现在主流方法，推荐使用）给父dom加一个clear类名。
.clear::after {
content:&#
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
