2019-05-30

高度塌陷：

添加浮动，会产生塌陷

解决方案：

答辩面试题：

元素开启BFC模式：

1，父元素的垂直外边距不会和子元素重叠。

2，开启BFC的元素不会被浮动元素所重叠。

3，开启BFC的元素可以包含浮动的子元素。

如何开启？

1，设置元素浮动。

2，设置元素绝对定位。

3，设置元素为inline-block.

4，将元素的overflow设置为一个非visible的值。

IE6及以下浏览器不支持BFC

就得开启hasLayout，他和BFC作用差不多。

设置：zoom：1；

弊端：内容被截取掉。

解决方案2：

谁塌陷就加clearfix。

清除浮动：clear：both。

谁塌陷就来谁的父元素的最后添加一个盒子，添加清除浮动。

或者给他元素的最后边添加after；content内容

把他设置成块：display：block；

加清除浮动：clear：both。

加 zoom：1.

这样所有的浏览器都可以用了。

导航条：

文字居中：text-align：center；

去掉下划线：text-decoration：none；

定位：

相对定位不会改变元素的性质的。

比如，内联元素不能设置宽和高，如果添加一个相对定位，仍然不能设置宽和高。

绝对定位：

position：absolute；

特点：

1，只要开启，就会脱离文档流。

2，

固定定位：

position：fixed；