作业（2）

1.浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响？

特征：脱离标准流，行内元素将可以设置宽高，块级元素并排显示

对父容器、其他浮动元素、普通元素、文字分别有什么影响？

父容器：会使父容器高度为0

其他浮动元素：

同方向：当一个浮动元素在浮动过程中碰到同一个方向的浮动元素时，它会紧跟在它们后面

反方向：互不影响，位于同一条水平线上，当空间不够时会被挤下

普通元素：浮动的元素脱离标准流不占位置，所以下面的元素会占据浮动元素原来的位置并处于浮动元素的下层

文字：会发生字围现象

2.清除浮动指什么？如何清除浮动？两种以上方法

清除浮动的元素对布局造成的影响

方法：① 给父元素添加overflow：hidden；

②：添加一个clearfix的类，.clearfix:after

3.有几种定位方式？分别是如何实现定位的？参考点是什么，使用场景是什么？

常用的定位方式有4种

position：relative 相对定位，参考点是元素本身正常的位置

position：absolute绝对定位，参考点是除了static定位之外的第一个祖先元素

position：static 静态定位

position:fixed 固定定位，参考点是浏览器窗口

应用场景：

固定定位：登录页面的遮罩层

绝对定位和固定定位：轮播图点击按钮切换图片

4.position：relative和负margin都可以使元素位置发生偏移，二者区别是什么？

position：relative移动位置后还占据原来的位置