首页 最新 热门 推荐

登录

• 首页
• 最新
• 热门
• 推荐

AD936x 配置软件介绍 下

• 23-11-03 19:41
• 4279
• 12015

blog.csdn.net

AD936x 系列快速入口

MGC、Slow AGC、Fast AGC补充： AD9361 补充（上）

文章目录

• 一、 MGC 详细配置
• • 1.1 Gain Table Config
  • 1.2 ADC Overload 、LMT Overload 和 Analog Settling Time
  • 1.3 RSSI
• 二、 AGC Slow Attack / hybrid 详细配置
• • 2.1 AGC Attack Delay
  • 2.2 gain table
  • 2.3 Thresholds and steps
  • 2.4 Overload
  • 2.5 Slow AGC 和 hybrid AGC
• 三、 AGC Fast Attack 详细配置
• • 3.1 digital gain
  • 3.2 步长 和 State Wait Time
  • 3.3 STATE 2 和 STATE 3 主要配置
  • 3.4 增益解锁

---

上图为AGC Fast Attack 、 AGC Slow Attack 和 MGC配置步骤框图，下面分别讲解。

一、 MGC 详细配置

1.1 Gain Table Config

MGC 的 Change the Gain via、Control Inputs change the Gain 、LMT Index Limit详细介绍在 AD9361 补充（上）第一部分

Gain Table、Enable Digital gain 、Max LMT Index、Maximum Digital Gain Index、MAX Full Table Index详细介绍在在AD9361 介绍 (中) 6.1节

Gain Table : Full Table 和 Split Table
MAX Full Table Index : 仅含模拟增益的标准全增益表的最大索引为76(d)

Change the Gain via : BBP可以通过SPI write和 control input pins控制增益改变

Enable Digital gain ：可以仅使用模拟增益，不使用数字增益。

Maximum Digital Gain Index :最大数字索引为31(d)

Initial Gain Indices : 在初始化时增益索引先配置为最大。

上图右下角红色方框 ：MGC模式手动控制TX Symbol 增益， 当寄存器0x0FB[D1:D0]位都是1，CTRL_IN信号控制增益,当CTRL_IN信号变为高电平时，增益索引增加或减少。 默认状态，不勾选

Max LMT Index : Split Table 模式时， LMT表最大索引为40(d)

Control Inputs change the Gain : 在Split Table模式，使用control input pins控制增益时 才可选

LMT Index Limit : LMT表分为两个部分，一个上部LMT表和一个下部LMT表，分割线是初始LMT gain limit

1.2 ADC Overload 、LMT Overload 和 Analog Settling Time

ADC Overload 、LMT Overload、 peak wait time、average signal power、LOW power threshold详细介绍在在AD9361 介绍 (中) 6.3节

Samples to sum : 4 个样本,范围 1 到 8 个

ADC Large Overload threshold ：58

ADC Small Overload threshold ：47

LMT High threshold ： 800，范围 16 到 800mv ,分辨率：16mv/LSB

LMT Low threshold ： 704，范围 16 到 800mv ,分辨率：16mv/LSB

peak wait time ： 2 ，范围 1 到 31

average signal power ：8192 个样本

LOW power threshold ： -24 dBFS, 范围为0 dBFS至-63.5 dBFS

1.3 RSSI

RSSI详见 AD9361 补充（中）第五部分，对下述配置都有讲解。

RSSI algorithm start mode ：3，Gain change occurs

Measurement Duration : Default RSSI Meas Mode位为零，持续时间由四部分持续时间组成， 各部分如上图所示。

RSSI Delay ：时钟频率为接收采样速率8分频， 范围0到2040个 Rx samples,暂时配置如上图所示，依情况修改。

RSSI Wait ： 时钟频率为接收采样速率4分频， 范围0到1020个 Rx samples，暂时配置如上图所示，依情况修改。

二、 AGC Slow Attack / hybrid 详细配置

AGC Slow Attack / hybrid 的 详细介绍在 AD9361 补充（上）第二和第三部分

2.1 AGC Attack Delay

右下角：AGC Attack Delay ，AGC等待AGC attack寄存器所设置的时间(微秒)，该延时使接收路径在AGC启动之前稳定。 ENSM 进入Rx 状态，开始计时。分辨率:1 µs/LSB，范围:0到31微秒。可使用下方公式配置。

AGC Attack Delay (us)=ceiling((((0.2+Delay_LNA) * ClkRF+14))/(2*ClkRF))+1

2.2 gain table

增益表和MGC配置类似，我们选取Full table 模式

2.3 Thresholds and steps

阈值和步长 : 先按默认配置

Settling Delay：详见 AD9361 介绍 (中) 6.37，延时等于寄存器值（Dec Power Measurement Duration[3:0]，最大31）乘以2，最大62，其以ClkRF速率(Rx FIR滤波器时钟速率的输入)计时。 软件中其范围：0到 62 /（RFIR 抽取因子），因为软件中以 Rx sample 计。上图中抽取因子为2，10个 Rx sample , 即20个ClkRF。

Power : 功率测量期间抽取一定数量的样本，测量持续时间以 Rx sample periods 计 ，范围：0到16*32768=524288个

2.4 Overload

Overload 详见 AD9361 补充（上）2.2

部分配置与MGC中一样，特定过载事件（ADC 和 LMT overload ）超过10 次就调整增益索引，步长配置如上图所示。

黄色框 Prevent Gain Inc ： 如果发生small LMT或 small ADC 过载，勾选可防止增益增加。

Digital Gain ：，可以不使用 Digital Gain，也可以使用。使用时Digital Saturation 也启用，如果digital saturation发生的次数超出计数器配置的3次，增益索引降低，步长为4。

2.5 Slow AGC 和 hybrid AGC

Gain adjustments : 增益更新计数器到期 或 hybrid模式下BBP将CTRL_IN2信号拉高，我们选 Slow AGC 模式增益计数器到期。

黄色框 ：勾选后，Digital Sat Counter的Enable Sync位置1，CTRL_IN2拉为高电平可以复位增益更新计数器

Gain Update Counter : 增益更新计数器配置为1000 微秒。

紫色框 ：勾选后，large LMT过载和/或 large ADC过载使增益立即变化，忽略增益更新计数器

后续 RSSI配置和MGC一样

三、 AGC Fast Attack 详细配置

Fast AGC 的 详细介绍在 AD9361 补充（上）第四部分

3.1 digital gain

full table 和 split table : 和 slow AGC 配置一样

digital gain ： 可以使用，也可以不使用， 使用时可以勾选 Force Digital Gain 来迫使数字增益一直保持某一个值。 本次不使用 digital gain。

3.2 步长 和 State Wait Time

红色框 ：

• 全表模式下的 large ADC和（Large LMT或 digital sat）过载，步长配置为2
• 全表模式下的 large ADC或Large LMT或 digital sat 过载，步长配置为2
• small ADC 过载，步长配置为2

State Wait Time ： Energy Detect Count 配置为260 ns ，4个 Rx samples， 如果该时段没有检测到峰值过载，fast AGC可以进入状态2。Energy Detect Count 以ClkRF时钟频率(Rx FIR滤波器输入端使用的时钟)计时。

其他配置 参考之前内容

3.3 STATE 2 和 STATE 3 主要配置

Settling time 和 平均功率样本数量配置与之前一样

蓝色框 ： 当Enable Incr Gain 位置1时，如果平均信号功率低于低功率阈值的时间大于增量时间，进入State 2A， AGC 增加增益，使用的增益步长为寄存器Increment Gain Step + 1。 低功率阈值配置为24，增量时间 5 Rx samples ，步长 为1。 后续我们不使用Enable Incr Gain 位，不勾选。

红色框 ： 将测得的信号功率与 AGC Lock Level锁定电平进行比较。AGC调整增益，使平均信号功率与AGC锁定电平相匹配。如果增益需要增加来达到锁定电平，有一个最大增加量，由AGCLL Max Increase设置。 AGC Lock Level配置为10，最大增加量 设为5。

黄色框 ： 在全增益表模式下，无论过载类型如何，步长(减少的索引数)始终是Post Lock Level Step Size for Full Table值。AGC 对锁定电平后出现的过载情况进行计数。如果该数超过Final Overrange Count，AGC将返回 State 1 。 步长 配置为1 ，过载数配置为3。

3.4 增益解锁

紫色框 ：STATE 3下，如果Enable Gain Inc After Gain Lock和Enable Incr Gain 位为1，AGC 将检查是否出现低功率情况，执行低功率测试。 勾选后 Enable Gain Inc After Gain Lock 位 为1 。本次暂不勾选

蓝色框 ：AD9361退出Rx State， AGC将增益重置为Max gain

黄色框 ：信号功率与Energy Lost Threshold比较，信号功率值更新时，AGC都会计算增益锁定开始时测量的功率与当前信号功率之间的差值，将差值与Energy Lost Threshold进行比较。如果差值超过阈值的时间等于Gain Lock Exit Count（寄存器 0x119）的两倍，增益解锁。 Stronger Signal Threshold也进行一样的比较。

2号框 ： Energy Lost Threshold 配置为10， 时间 配置为8 个 Rx samples
1号框 ： Stronger Signal Threshold配置为10， 时间 配置寄存器 与2号框是同 一个。

当 超出 Energy Lost Threshold 阈值，增益解锁选用 optimized gain 方式 ， Optimize Gain Offset 配置为 5。

绿色框 ： 勾选 ，Large ADC Overload 和 Large LMT Overload 发生 ，配置为 解锁时 增益索引不立即改变，但AGC算法会重新开始。 不勾选时，Don’t Unlock Gain if Lg ADC or LMT Ovrg 位 为1，如果0x0FB[D6]和0x014[D1]位也为1，发生Overload ，也不解锁。

BBP将EN_AGC引脚拉高，增益解锁功能不勾选。

红色框 ： 测量信号的平均功率，配置为 64 个 样本。

后续配置和之前一样。

id="article_content" class="article_content clearfix"> id="content_views" class="markdown_views prism-atom-one-light">

定位

1、定位的组成

所谓定位，简单的来说就是将盒子定在某一个位置。所以定位其实也是按照规则进行摆盒子，其规则为：定位 = 定位模式 + 边偏移 。

1.1、定位模式

定位模式决定元素的定位方式 ，它通过 CSS 的 position 属性来设置，其值可以分为五个：

class="table-box">

值	描述
absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
fixed	生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）
sticky	粘性定位。根据用户的滚动位置进行定位。

1.2、偏移量

元素具备了定位属性之后，可以使用的顶部top，底部bottom，左侧left和右侧right属性定位(static除外)。他们也有不同的工作方式，这取决于定位方法。

class="table-box">

属性	说明
position	指定元素的定位类型。
right	定义了定位元素右外边距边界与其包含块右边界之间的偏移。
top	定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。
bottom	定义了定位元素下外边距边界与其包含块下边界之间的偏移。
left	定义了定位元素左外边距边界与其包含块左边界之间的偏移。

什么是文档流？

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。

只有三种情况会使得元素脱离文档流，分别是：浮动、绝对定位和固定定位。

2、静态定位 static(默认)

HTML 元素默认情况下的定位方式为 static（静态）。

静态定位的元素不受 top、bottom、left 和 right 属性的影响。

position: static; 的元素不会以任何特殊方式定位；它始终根据页面的正常流进行定位。

3、相对定位 relative(重点)

relative定位，又称为相对定位，从字面上来解析，我们就可以看出该属性的主要特性：相对。但是它相对的又是相对于什么地方而言的呢？这个是个重点，也是最让人迷糊的一个地方，现在让我们来做个测试，我想大家都会明白的：

1、初始未定位

DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Documenttitle>
        <style type="text/css">
            #first {
                width: 200px;
                height: 100px;
                border: 1px solid red;
            }

            #second {
                width: 200px;
                height: 100px;
                border: 1px solid blue;
            }
        style> 
    head>
    <body> 
        <div id="first">firstdiv> 
        <div id="second">seconddiv> 
    body>
html>
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}">

class="hide-preCode-box">

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25

初始原图：

2、我们修改first元素的position属性：

<style type="text/css">
    #first {
        width: 200px;
        height: 100px;
        border: 1px solid red;
        /*增加相对定位  position: relative*/
        position: relative;
        top: 20px;
        left: 20px;
    }

    #second {
        width: 200px;
        height: 100px;
        border: 1px solid blue;
    }
style> 
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}">

class="hide-preCode-box">

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17

偏移20px后：

虚线是初始的位置空间，现在看明白了吧，相对定位相对的是它原本在文档流中的位置而进行的偏移，而我们也知道relative定位也是遵循正常的文档流，它没有脱离文档流，但是它的top/left/right/bottom属性是生效的，可以说它是static到absoult的一个中间过渡属性，最重要的是它还占有文档空间，而且占据的文档空间不会随 top / right / left / bottom 等属性的偏移而发生变动，也就是说它后面的元素是依据虚线位置( top / left / right / bottom 等属性生效之前)进行的定位，这点一定要理解。

那好，我们知道了top / right / left / bottom 属性是不会对relative定位的元素所占据的文档空间产生偏移，那么margin / padding会让该文档空间产生偏移吗？答案是肯定的，我们一起来做个试验吧：

3、添加margin属性：

<style type="text/css">
    #first {
        width: 200px;
        height: 100px;
        border: 1px solid red;
        position: relative;
        top: 20px;
        left: 20px;
        /* add margin*/
        margin: 20px;
    }

    #second {
        width: 200px;
        height: 100px;
        border: 1px solid blue;
    }
style> 
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"> class="hide-preCode-box">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

设置margin：20px后：

对比一下，是不是就很清晰了，我们先将first元素外边距设为20px，那么second元素就得向下偏移40px，所以margin是占据文档空间！

相对定位总结：

• 相对定位相对的是它原本在文档流中的位置而进行的偏移
• 元素不会脱离文档流，原来在标准流的区域继续占有，后面的盒子仍然以标准流的方式对待它

4、绝对定位 absolute(重点)

所谓绝对定位是元素在移动位置时，是相对于它祖先元素来说的。

使用absoult定位的元素脱离文档流后，就只能根据祖先类元素(父类以上)进行定位，而这个祖先类还必须是以postion非static方式定位的， 举个例子，a元素使用absoulte定位，它会从父类开始找起，寻找以position非static方式定位的祖先类元素(注意，一定要是直系祖先才算哦~），直到标签为止，这里还需要注意的是，relative和static方式在最外层时是以标签为定位原点的，而absoulte方式在无父级是position非static定位时是以作为原点定位。和元素相差8px左右。原因是body有一个浏览器提供的默认样式margin:8px;

我们来看下效果：

添加absoulte属性：

<html> 
    <style type="text/css">
        html {
            border: 1px dashed green;
        }

        body {
            border: 1px dashed purple;
        }

        #first {
            width: 200px;
            height: 100px;
            border: 1px solid red;
            position: relative;
        }

        #second {
            width: 200px;
            height: 100px;
            border: 1px solid blue;
            position: absolute;
            top: 0;
            left: 0;
        }
    style> 

    <body> 
        <div id="first">relativediv> 
        <div id="second">absoultdiv> 
    body> 
html> 
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"> class="hide-preCode-box">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

效果图：

绝对定位一般和相对定位一起使用(子绝父相)

示例代码：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>子绝父相title>
    <style>
        div {
            width: 100px;
            height: 100px;
            border: 1px solid black;
        }

        .nofather {
                /* 使用绝对定位 */
            position: absolute;
            top: 0;
            left: 100px;
        }

        .father {
            width: 200px;
            height: 200px;
            /* 父元素使用相对定位 */
            position: relative;
            left: 100px;
        }

        .son {
            /* 子元素使用绝对定位 */
            position: absolute;
            left: 50px;
            top: 30px;
        }
    style>
head>

<body>
    <div class="nofather">我没有父元素div>

    <h1>内容h1>
    <h1>内容h1>
    <h1>内容h1>
    <h1>内容h1>
    <div class="father">
        <div class="son">我有父元素div>
    div>
    <h1>内容h1>
    <h1>内容h1>
    <h1>内容h1>
    <h1>内容h1>
    <h1>内容h1>

body>

html>
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"> class="hide-preCode-box">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

从运行结果上可以看出，使用绝对定位，如果没有父元素则是相对于html进行定位，如果有父元素，父元素需要使用相对定位，子元素使用绝对定位，子元素则会相对于父元素进行定位。并且使用绝对定位，元素会脱离文档流，后面的元素会自动进行填补。

绝对定位总结：

• 绝对定位不会保留原来的位置（脱离文档流），那后面盒子就会往上占了它的位置；
• 如果没有祖先元素或者祖先元素没有定位，则以浏览器为基准定位；
• 如果祖先元素有定位（可以是相对、绝对或者固定定位），则以最近的已经定位的祖先元素为基准移动位置。
• 子绝父相 —— 虽然父元素的定位可以是相对、绝对或者固定定位，但是绝对定位和固定定位都会脱离标准流，所以我们实际开发中，一般都使用相对定位，这就是常说的子绝父相。

5、固定定位 fixed(重点)

固定定位相对于浏览器窗口，脱离文档流，使用fixed的元素不会随窗口的滚动而滚动

示例代码：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>固定定位title>

    <style>
        .fixed {
            width: 200px;
            height: 200px;
            background-color: aqua;

            /* 使用固定定位 */
            position: fixed;
            top: 50px;
            left: 300px;

        }
    style>
head>

<body>
    <div class="fixed">
    div>

    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>
    <h1>我是h的内容h1>

body>

html>
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"> class="hide-preCode-box">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

固定定位总结：

• 固定定位是参照浏览器窗口的左上角进行偏移。

• 使用固定定位之后，元素会脱离标准文档流。

• 使用固定定位之后，在滚动浏览器页面时，元素不会随着窗口的滚动而滚动。

6、粘性定位 sticky

sticky 英文字面意思是粘，粘贴，所以可以把它称之为粘性定位。

position: sticky; 基于用户的滚动位置来定位。

粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。

它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。

元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。

这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。

注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix (查看以下实例)。

示例代码：

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>sticky 定位title>
        <style>
            div.sticky {
                position: -webkit-sticky;
                position: sticky;
                top: 0;
                padding: 5px;
                background-color: #cae8ca;
                border: 2px solid #4CAF50;
            }
        style>
    head>

    <body>
        <p>尝试滚动页面。p>
        <p>注意: IE/Edge 15 及更早 IE 版本不支持 sticky 属性。p>

        <div class="sticky">我是粘性定位!div>

        <div style="padding-bottom:2000px">
            <p>滚动我p>
            <p>来回滚动我p>
            <p>滚动我p>
            <p>来回滚动我p>
            <p>滚动我p>
            <p>来回滚动我p>
        div>
    body>
html>
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"> class="hide-preCode-box">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

粘性定位总结：

• 以浏览器的可视窗口为参照点移动元素（固定定位特点）
• 粘性定位占有原先的位置（相对定位特点）
• 必须添加 top 、left、right、bottom 其中一个才有效

有时候设置会发现粘性定位不起作用，又找不到原因，可以看看有没有以下几点原因：

1. 父元素不能overflow:hidden或者overflow:auto属性。
2. 必须指定top、bottom、left、right4个值之一，否则只会处于相对定位
3. 父元素的高度不能低于sticky元素的高度
4. sticky元素仅在其父元素内生效

7、重叠元素

在对元素进行定位时，它们可以与其他元素重叠。

z-index 属性指定元素的堆栈顺序（哪个元素应放置在其他元素的前面或后面）。

元素可以设置正或负的堆叠顺序。

示例代码：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>重叠元素title>
    <style>
        .div1 {
            width: 200px;
            height: 200px;
            background-color: red;
            position: absolute;
            top: 0;
            /* 值越大，元素就会显示在其他元素上面 */
            z-index: 999;

        }

        .div2 {
            width: 100px;
            height: 100px;
            background-color: yellowgreen;
            position: absolute;
            top: 150px;
            left: 150px;
        }
    style>
head>

<body>
    <div class="div1">div>

    <div class="div2">div>
body>

html>
 class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"> class="hide-preCode-box">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

注意：

• z-index 仅能在定位元素上生效(重点)
• 如果两个元素为父子关系，则z-index也不生效

总结：

position 属性规定应用于元素的定位方法的类型。

1. 我们学习定位时，一定要记住 相对定位、固定定位、绝对定位 两个大的特点：

• 是否占有位置（是否脱离文档流）
• 以谁为基准进行移动位置。

2. 学习定位，重点要学会子绝父相，这是开发中最常用的。

发表评论

登录后才能发表评论和回复 注册

/ 登录

提交评论

评论记录：

未查询到任何数据！

回复评论：

×

关闭 提交评论