网页布局中position定位讲解

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

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定位讲解》版权归原作者所有,内容不代表本站立场！

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

推荐阅读

  • 怎么在电脑上玩旅行青蛙

    怎么在电脑上玩旅行青蛙

    电脑01、首先我们打开浏览器搜索 蓝叠安卓模拟器 ，选择下载并且安装 02、安装完成后会到桌面 打开蓝叠安卓模拟器 点击应用中心 03、搜索并且下载 旅行青蛙 04、下载安装完成之后，我们会到蓝...

    阅读: 910

  • 微信砸金蛋活动亮点

    微信砸金蛋活动亮点

    电脑砸金蛋活动亮点01、活动形式简单粗暴，参与性强，进入活动选择金蛋击碎，即可参加抽奖。 02、背景个性化定制，开放活动背景自定义配置功能，商家可以定制设计个性专属活动 03、资料收集，自定义采集...

    阅读: 993

  • 青蛙游戏靠什么盈利

    青蛙游戏靠什么盈利

    01、这款游戏来自日本，中文名被译作“旅行青蛙”，目前并没有中文版。游戏中青蛙是你的“儿子”，玩法就是你饲养这只青蛙。 02、游戏主页面有两个，一个是庭院，一个是蛙的房间。庭院中有三叶草，收割三叶草...

    阅读: 869

  • LOL双倍经验卡怎么用如何购买

    LOL双倍经验卡怎么用如何购买

    英雄联盟游戏、双倍经验卡01、首先，登陆游戏，再“商城”里的“海克斯及其他”里选择“加成道具”，大家就可以看到各种期限和条件的双倍经验卡了。 02、双倍经验卡的类型分为两种：一种是期限双倍经验卡，顾...

    阅读: 1040

  • nba2k12键盘操作大全

    nba2k12键盘操作大全

    01、前进：A 后退：S 往左：A 往右：D 02、空接:0 + Shift 背打:Enter + Shift 3 键 欧洲脚步:Shift + 5 半转身投篮: 7 03、传球键位：空格...

    阅读: 903

  • dnf暗影蔽日和荒古怎么选择?

    dnf暗影蔽日和荒古怎么选择?

    01、暗影蔽日：90级SS短剑，装备附加属性为最终伤害增加42%和25的属性强化。 02、荒古遗尘短剑：85级SS短剑，装备附加特效为增加35%所有攻击力，释放魔能后技能攻击力再上升20%。 03...

    阅读: 992

  • LOL逆羽天赋符文出装加点

    LOL逆羽天赋符文出装加点

    英雄联盟 英雄逆羽主符文01、主符文加点推荐：精密，因为逆羽是一个AD射手，主符文点精密可以使其普通攻击伤害更高。 02、主符文第二、三：迅捷步法+凯旋，迅捷步法提升逆羽的消耗恢复能力，凯旋为...

    阅读: 1118

  • 《饥荒》怎么杀猪人

    《饥荒》怎么杀猪人

    01、直接击杀看见落单的猪，直接击杀。穿上护甲，带上木矛，注意走位就可以了。击杀会掉落大肉，有几率掉落猪皮。 02、让猪人自相残杀可以用怪物肉收买几个猪人，它们就会跟着你做攻击。这个时候玩家就负责捡...

    阅读: 932

  • 梦幻西游手游地府加点解析

    梦幻西游手游地府加点解析

    01、梦幻西游手游中有很多门派，分别是：普陀、方寸、地府、化生、龙宫、狮驼、魔王和大唐。 02、其中地府是一直比较重要的，因为地府的眼、六道和毒等技能都是必不可少的，而且他大招的作用，没其他职业可以...

    阅读: 939

  • 旅行青蛙怎么种三叶草

    旅行青蛙怎么种三叶草

    01、三叶草是自动生长的所以不需要种植，首次游戏可以在花坛处收割500个三叶草。 02、后面的三叶草会一点点往外长，大概3个小时左右就可以长满一次，长满之后即可收割获得三叶草。 03、可以通过充值...

    阅读: 974

更多排行榜

热门文章

最近更新