zoukankan      html  css  js  c++  java
  • 相对和绝对定位

                                                         position (位置)

      只要使用定位,必须要有一个相对的参照物(position:relative)

      具体定位的那个元素需要加(position:absolute)

      使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如父级没有就会继续向上级查找position,一直找到position为止,如果找不到就以body为相对位置。

        备注 

        (页面布局:

          结构层:搭我们的页面框架

          布局层:针对框架内部结构进行排版,不需要使用浮动解决的问题尽量不用)

      position:relative      如果设置值了,相对原来的位置进行调整。

       absolute和relative的区别

        1、absolute会脱离标准文档流,relative不会,relative虽然给值了但是依然占有原来的位置。

        2、relative存在“形影分离”所有一般情况下不建议添加值了,一般给子元素当参照位置或者是元素的微调。

        3、absolute会有一种现象“压盖效果”。

      注:z-index 层次关系可以改变元素的层叠位置,所有的标签默认是0,z-index的值越大,块元素就在上方。

  • 相关阅读:
    OnWndMsg处理功能
    SpringMVC Ajax返回的请求json 的方式来解决在中国字符串乱码问题
    【Shell剧本练习】得出的结论是当前用户
    C++指针和引用简介
    HDU 3126 Nova [2009 Asia Wuhan Regional Contest Online]
    工作过程的编译器
    ubuntu selinux
    Maven创建工程 WEB
    Weblogic集群
    Dubbo
  • 原文地址:https://www.cnblogs.com/PoliceXu/p/9795827.html
Copyright © 2011-2022 走看看