美文网首页
作业(2)

作业(2)

作者: zRQ0925 | 来源:发表于2017-07-25 11:23 被阅读0次

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

    相关文章

      网友评论

          本文标题:作业(2)

          本文链接:https://www.haomeiwen.com/subject/rlkjkxtx.html