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移动位置后还占据原来的位置