面试题
css部分
1.盒模型： 一个css盒子 从外到内分为：margin border padding content
2.父元素塌陷得原因及解决
高度塌陷：当所有的子元素浮动的时候，且父元素没有设置高度，这时候父元素就会产生高度塌陷。
解决：
清除浮动方式1：给父元素单独定义高度
优点：快速简单，代码少 缺点：无法进行响应式布局
清除浮动方式2：父级定义overflow：hidden；zoom：1（针对ie6的兼容）
优点：简单快速、代码少，兼容性较高 缺点：超出部分被隐藏，布局时要注意
清除浮动方式3：在浮动元素后面加一个空标签，clear：both；height：0；overflow：hidden
优点：简单快速、代码少，兼容性较高。
缺点：增加空标签，不利于页面优化
清除浮动方式4：父级定义overflow：auto
优点：简单，代码少，兼容性好
缺点：内部宽高超过父级div时，会出现滚动条
清除浮动方式5：万能清除法：
给塌陷的元素添加伪对象
` .father：after{
Content：“随便写”；
Clear：both；
display：block；
Height：0；
Overflow：hidden；
Visibility：hidden
}`
优点：写法固定，兼容性高 缺点：代码多 ———————————————— 版权声明：本文为CSDN博主「赫兹/Herzz」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：blog.csdn.net/HanXiaoXi_y…
3. 定位属性得区别：
Position有四个属性值：relative absolute fixed static
Relative相对定位 不脱离文档流，相对于自身定位
Absolute 绝对定位，脱离文档流 相对于父级定位
Fixed 固定定位，脱离文档流，相对于浏览器窗口定位
Static 默认值，元素出现在正常的流中 ———————————————— 版权声明：本文为CSDN博主「赫兹/Herzz」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：blog.csdn.net/HanXiaoXi_y…
