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的值越大,块元素就在上方。

  • 相关阅读:
    494 Target Sum 目标和
    493 Reverse Pairs 翻转对
    492 Construct the Rectangle 构建矩形
    491 Increasing Subsequences 递增子序列
    488 Zuma Game 祖玛游戏
    486 Predict the Winner 预测赢家
    485 Max Consecutive Ones 最大连续1的个数
    483 Smallest Good Base
    Django Form组件
    Django Auth组件
  • 原文地址:https://www.cnblogs.com/PoliceXu/p/9795827.html
Copyright © 2011-2022 走看看