网页布局中position定位讲解

2022-12-31 09:46:18来源：网络转载作者：匿名 阅读量：111 字体：大 中 小

Adobe Dreamweaver CS5

01、相对定位(relative)是非常容易掌握的概念，通俗一点就是正常的块级定位，只不过块级的位置是通过top、left、right、bottom属性来进行规定。不过，原来所占用的空间并没有消失。首先先来正常的定位，如下图。

网页布局中position定位讲解

02、然后在正常定位的里面，利用position：relative来相对定位，relative属性值的父元素就是上图块元素，如下图。

03、绝对定位(absolute)第一个特征就是会从文档流中脱离，不占据任何空间。它的定位属性也是跟相对定位一样，通过top、left、right、bottom来进行规定，如下图。

04、一个父元素里面包含多几个绝对定位，如果绝对定位元素重叠在一起，如下图，A和B重叠在一起了，需要A在前面B在后面，我们只需要在A里面添加z-index来控制。

，我们可以利用z-index来控制哪个在前，哪个在后，如下图。

05、但是一定要切忌，如若属性值为absolute，那么一定要配合relative为父元素的块来使用。如果没有配合，如下图。会直接以body为父元素。

06、静态定位(static)一般不使用，它的属性值定义为没有定位，元素出现在正常的流中。忽略top, bottom, left, right，如下图。

07、固定定位（fixed）属性值的定义为浏览器窗口进行定位。通俗一点就是父元素为body，通过top, bottom, left, right来控制位置。如下图定位在relative里面，然而并没有效果。

特别提示

注意：属性值不同所产生的效果不同哦

免责声明：

本文《网页布局中position定位讲解》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • LOLS7劫影流之主中单最新出装天赋符文加点

    LOLS7劫影流之主中单最新出装天赋符文加点

    01、劫是一位爆发型的中单英雄，经常在团战之中秒杀掉对面的主要输出然后让团战大获全胜。召唤师技能一般是闪现和点燃 02、他的Q技能是丢出一个飞镖，W技能召唤一个影分身，E技能手里剑范围伤害，R技能标...

    阅读: 625

  • 魔兽世界7.0如何快速升1-110级

    魔兽世界7.0如何快速升1-110级

    01、首先是选择种族，随后开始游戏。1到15级只能在新手村里做新手任务，只有做完新手任务才能走出新手村，开始魔兽世界的神奇冒险。 02、15级到70级又两种选择：第一种：不做主线疯狂刷地下城，升级快...

    阅读: 588

  • 吞食天地2 景帝墓迷宫图文攻略

    吞食天地2 景帝墓迷宫图文攻略

    01、景帝墓迷宫是这个游戏中最困难的迷宫，不过第一关还是比较简单，没什么难度，一直往右走即可。 02、第二关比较复杂，往前走两个路口右转，直走第二个路口左转，直走第三个路口左转，直走第二个路口左转，...

    阅读: 1009

  • 赛尔号谱尼怎么打

    赛尔号谱尼怎么打

    01、首先需要我们打开星际地图，选择太空站左翼。 02、将如图所示的这两个灯点亮为绿色，未点亮时为蓝色。 03、进入中间的通道。 04、最终到达谱尼所在的神秘领域。 05、要想得到谱尼，必须打...

    阅读: 959

  • 穿越火线刷等级方法技巧介绍

    穿越火线刷等级方法技巧介绍

    电脑01、刷雷的意思就是刷经验，在穿越火线的不同频道里看一下，频道里面有名字为刷雷房的房间，如果这些房间还没有开始游戏，你点击加入游戏，然后等待一会而就开始游戏了，你进入游戏之后只需要准备手雷在游戏一...

    阅读: 843

  • LOL CF 您的游戏环境异常 请重启机器后再试

    LOL CF 您的游戏环境异常 请重启机器后再试

    电脑，CF LOL01、有的时候玩游戏正玩的开心，突然就弹出这样一个提示，我们应该先重启一下电脑，看电脑能不能解决这个问题。 02、如果解决不了，那么我们要检查一下自己的windows是不是最新的，...

    阅读: 711

  • 三国群英传1攻略

    三国群英传1攻略

    01、在一开始选择角色的时候，推荐选择刘备，因为难度没有那么高，在初期的时候就进行武将探索，如果运气比较好的话能够召到一个人。 02、在游戏中，不同兵种之间的对抗是十分重要的，比如弓兵会克制枪兵，枪...

    阅读: 841

  • 剑三世界boss怎么打

    剑三世界boss怎么打

    01、一般在世界boss刷新之前玩家们就会聚集到刷新点，这个时候要注意了，攻击模式不要切换成“阵营模式”了，这样很容易造成误伤，导致自己不知道是被玩家杀死的还是BOSS杀死的。 02、一些玩家的电脑...

    阅读: 773

  • 剑网3精金阁的声望怎么刷?日常任务怎么接?

    剑网3精金阁的声望怎么刷?日常任务怎么接?

    电脑，剑网三客户端。01、打开剑网三，登陆游戏。神行千里去洛阳城。飞到地图右上角的那个神行点找柳柒柒接任务。（如果接不到任务就是因为洛阳城的地图任务没有做完）任务有两是需要打怪才能完成，任务完成去np...

    阅读: 663

  • 我的世界自动烟花机

    我的世界自动烟花机

    01、首先我们应该准备好相关的原材料，制作自动烟花机所需的原材料有红石中继器、红石块、活塞、发射器、若干烟花和红石。 02、准备好原料后我们就可以开始制造了，我们先将手中的原料摆成如图所示的样子，这...

    阅读: 769

更多排行榜

热门文章

最近更新