zoukankan      html  css  js  c++  java
  • Web前端面试指导(十):元素定位有哪些?

    本题点评

    在web前端中,元素定位是必须掌握的,是网页制作的必备技能,也是衡量是否为一个合格的web前端开发的标准之一,在网页设计中,很多地方都需要使用定位,例如菜单弹出,提示信息层等都需要定位。所以本题的难易程度为简单。

    解题思路

    position为元素定位属性,包含以下属性值

    1. absolute绝对定位

    相对位置为父元素为非static的第一个父元素进行定位。    


    2. fixed  固定定位(老IE6不支持)

    相对于浏览器窗口进行定位。  


    3. relative相对定位

    相对于其正常(默认布局)位置进行定位。


    4. static

    默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right z-index 声明)

    加分项

    1. 所有的定位如果left、top、right、bottom属性都为默认值,则为默认定位
    2. absolute定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序
    3. absolute定位忽略padding,相对位置为相对定位容器的左上角内边框,

  • 相关阅读:
    Unity3D屠龙战机项目总结
    10.2 MySQL数据库安装
    10.1 JDBC基础
    9.5 异常处理规则
    9.4 Java的异常跟踪栈
    9.3 使用throw抛出异常
    9.2 Checked异常和Runtime异常
    9.1 异常处理机制
    8.5 泛型和数组
    8.5 擦除和转换
  • 原文地址:https://www.cnblogs.com/zxwy/p/6122296.html
Copyright © 2011-2022 走看看