CSS面试题

margin: auto和margin: 100%是我们开发中经常会用到的属性值，但是即使是最常用的属性值，其中还是有很多细节在里面，这篇文章我就带着大家一起来探索一下其中的奥秘吧！

三栏布局是面试中经常会出现的内容，实现的方式极多，但是只要理解了每种方法的本质，其实就算是不同的方法也会有相通的地方在里面

盒模型分为以下两种：W3C标准盒模型、IE盒模型，但无论是哪种盒模型，其都是由四个部分组成的：分别是content、padding、border和margin IE盒模型和W3C标准盒模型的区别

两栏布局是面试中常考的css布局方式，其实现方法有很多中，除了掌握最常用的几种外，你掌握的方法越多在面试官眼里肯定是越加分的

单行溢出文本隐藏 多行溢出文本隐藏 注意：多行文本溢出隐藏不需要设置white-space: nowrap，因为设置了之后文字就不会换行了，还怎么达到多行显示的目的呢？

display: none 这是我们开发过程中使用到的最多的一种，这种隐藏方式会将元素彻底从页面中删除，不能触发任何事件 元素也不占用任何空间，通过该属性控制显示隐藏，会导致页面的回流和重绘 其子孙元

很多人都学过flex布局，但是里面的细节你有注意过吗？本篇文章主要是从flex的文档入手，分析出你还不知道的flex

虽然现在flex布局以及流行起来了，但是处于兼容性的角度考虑，还是有很多项目用到了浮动，那么在面试的时候，清除浮动依然还是一个不可忽视的点。

外边距折叠是我们在学习CSS以及在面试中经常会遇到的问题，如果不稍加注意，你整个页面的布局就会混乱不堪，本文带领大家搞定这一类问题

BFC是面试中常考的考点，面试官出的很多问题比如说两栏布局、解决内外边距折叠、高度坍塌问题等等在提供解法的时候都希望你往BFC上面靠，这是你与其他候选人拉开差距的关键性知识点

如何让子盒子在父盒子内水平垂直居中显示？ 利用子绝父相，先将元素的左上角通过top:50%和left:50%定位到页面的中心，然后再通过translate来调整元素的中心点到页面的中心 利用子绝父相，

Position有以下属性值： static 默认值，没有定位，元素出现在正常的文档流中 忽略 top, bottom, left, right 或者 z-index 声明 relative（相对定位