当前位置:首页 > 经验 > 数码摄影 > it技术

网页布局中position定位讲解

关注:5 发布时间:2021-10-10 07:01:22

导语本文整理了网页布局中position定位讲解经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

需要准备的物品

adobe dreamweaver cs5

详细介绍方法/步骤

相对定位是一个非常容易掌握的概念,一般称为正常的块级定位,只不过块级位置是由上下左右属性指定的。然而,原来占据的空间并没有消失。首先正常定位。

那么在正常定位中,position:relative用于相对定位,relative属性值的父元素是上块元素,如下图。

定位(absolute)第一个特点是它会与文档流分离,不会占用空间。其定位属性与相对定位相同,由上、左、右、下定义。

父元素包含多个位置。如果定位元素重叠,如下图所示,a和b重叠,因此a需要在b的前面和后面。我们只需要在a中添加z-index来控制它。

,我们可以用z-index来控制哪个在前哪个在后。

但是,必须避免。如果属性值是的,它必须与以相对为父元素的块一起使用。如果没有合作,见下图。会直接以身体为父元素。

静态定位一般不用。其属性值定义为无定位,元素以正常流程出现。忽略上、下、左、右。

固定属性值的定义定位浏览器窗口。通俗点说就是父元素是body,位置由上、下、左、右控制。下图位于相对,但没有效果。

温馨提示

注意:不同的属性值有不同的效果

猜你喜欢

  • 电脑所有打印机都变黄色感叹号了怎么办?

    电脑所有打印机都变黄色感叹号了怎么办?76人喜欢

    详细介绍方法/步骤在计算机桌面上找到我的计算机,右键单击管理,如果没有我的计算机,单击计算机查找服务和应用程序,查找服务选项,然后单击进入服务列表。找到后台打印程序服务选项,并单击它启动。这样…

    更新时间:2021-11-06 12:55:05

  • swf视频格式怎么才能转换mp4格式呢?

    swf视频格式怎么才能转换mp4格式呢?66人喜欢

    需要准备的物品swift视频转换器swf格式的文件详细介绍方法/步骤打开浏览器,百度搜索快速视频格式转换器,进入下载站,下载快速视频转换器并安装。安装成功后,点击“添加文件”按钮或“添加文件夹”按…

    更新时间:2021-10-04 21:05:01

  • 微信支付分在哪里

    微信支付分在哪里74人喜欢

    详细介绍方法/步骤微信支付评分是个人消费、合规等行为的综合计算评分,为用户提供更简单便捷的生活方式。目前主要由以下几个维度组成:1.身份特质、稳定的实名信息和基本个人信息;2.支付行为、使用…

    更新时间:2021-07-30 07:02:09

  • 在视频编辑的时候怎么在视频上插入一张图片

    在视频编辑的时候怎么在视频上插入一张图片35人喜欢

    剪辑视频的时候知道怎么插入图片吗?让我们一起看看详细介绍方法/步骤打开pr,新建一个项目,如下图所示,点击确定在素材项目栏中导入想要插入的图像,如下图所示,点击确定。导入你的视频素材,如下图所示如…

    更新时间:2021-09-08 07:01:37

  • 怎么用ps给人脸磨皮美白

    怎么用ps给人脸磨皮美白45人喜欢

    需要准备的物品用计算机修改(图片或照片)详细介绍方法/步骤打开ps软件,拖放需要美白的图片。您可以在如图所示的选项中右键单击“图层0 ”,复制图层,将出现带有“图层0的副本”的图层然后选择‘滤镜-…

    更新时间:2021-09-16 16:53:01

  • 怎么写c语言条件判断if语句

    怎么写c语言条件判断if语句24人喜欢

    我们在使用c语言时,最常用的是if语句,那么如何用c语言编写if语句呢?以下小系列将与大家分享。需要准备的物品visual studio 2015详细介绍方法/步骤首先打开visual studio 2015软件,新建一个win32…

    更新时间:2021-09-30 07:01:37

  • 自学编程学什么比较好入门

    自学编程学什么比较好入门67人喜欢

    有很多对编程感兴趣的朋友想学编程,那么自学编程什么比较好,如何自学编程呢?详细介绍方法/步骤目前编程语言很多,但是建议自学c语言,因为c语言相对于其他编程语言来说是一种比较低级的语言,低级语言越…

    更新时间:2021-08-12 14:56:10

  • 两个视频合并成一个教程

    两个视频合并成一个教程45人喜欢

    1.打开电脑里的浏览器,在百度上搜索剪辑视频合并拆分软件,在官网下载安装。2.安装完成后,双击桌面上的图标,进入软件操作界面。我们可以看到,有剪切和合并两种功能。只需点击合并选项。3.然后依次添加…

    更新时间:2022-05-01 10:56:04

  • 电视开机进不了系统

    电视开机进不了系统88人喜欢

    1.关机重启就好。2.多次重启无效,可能是电视系统崩溃,开机无法进入系统;您需要联系电视售后服务部门为电视恢复系统或在新系统中刷。3.电视机的硬件故障也会导致开机后无法进入系统,比如主板芯片故障…

    更新时间:2022-04-07 08:59:02

  • 什么是母版?怎么修改母版?

    什么是母版?怎么修改母版?56人喜欢

    需要准备的物品power point2010详细介绍方法/步骤打开要编辑的ppt,点击“查看”。在主视图中选择“幻灯片母版”。将出现主视图,您可以在其中编辑主视图!比如改变大师的主题,只需选择自己喜欢的主题…

    更新时间:2021-07-05 10:59:01

  • 抖音极速版打不开是什么原因

    抖音极速版打不开是什么原因1069人喜欢

    1、软件版本太低,更新软件版本。2.如果是软件本身的问题导致的,请卸载并重新安装软件。3.由于内存不足,手机无法打开。请清除手机内存,然后重试。4.如果软件后台打开了太多程序,请关闭后台程序并重新…

    更新时间:2022-01-16 18:49:01

  • 3d打印技术介绍

    3d打印技术介绍14人喜欢

    详细介绍方法/步骤不同于传统的模具生产,3d打印是一种以金属或塑料等粘合剂为打印材料,基于数字模型进行逐层打印的技术。随着三维技术的逐步完善和成熟,三维技术已经应用于越来越多的领域,如医疗行…

    更新时间:2021-07-08 14:55:03