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

网页布局中position定位讲解

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

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

需要准备的物品

adobe dreamweaver cs5

详细介绍方法/步骤

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

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

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

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

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

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

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

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

温馨提示

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

猜你喜欢

  • mac安装双系统操作

    mac安装双系统操作22人喜欢

    1.在launchpad中打开苹果电脑，然后打开boot camp assistant。2.单击下一步。3.点击以下两个按钮下载驱动程序并安装windows。软件格式化您的u盘后，驱动程序将被下载到您的u盘。第一个选项是为win…

    更新时间：2022-06-02 08:58:04

  • vlc播放器怎么用

    vlc播放器怎么用62人喜欢

    vlc是一个小巧易用的玩家，那么如何使用这个玩家呢？以下小系列将与大家分享。需要准备的物品vlc选手详细介绍方法/步骤首先打开vlc播放器，默认会弹出如下界面。我们可以直接点击继续接下来，我们可以通…

    更新时间：2021-07-27 07:02:11

  • 怎么将数据进行排序

    怎么将数据进行排序36人喜欢

    需要准备的物品超过详细介绍方法/步骤首先，我们输入要排序的数据，然后选择所有数据，然后单击开始选项进入开始菜单在“开始”菜单中的排序选项后，单击小三角形然后选择我们需要的排序方式(升序或降序…

    更新时间：2021-08-01 14:56:08

  • 抖音怎么参加免费领电影票

    抖音怎么参加免费领电影票43人喜欢

    1.首先进入团聚家乡活动页面，下滑至【贺岁电影免费观看】项目，点击立即参与；2.在免费电影票界面选择【邀请好友】呼叫好友一起领取电影票；3.复制密码给好友打电话，分享给微信qq，私人好友或面对面；4.与朋…

    更新时间：2021-12-12 18:49:02

  • 微信小程序怎么取消授权

    微信小程序怎么取消授权25人喜欢

    今天小编想和大家分享一下如何取消微信小程序的授权，希望能帮到你。详细介绍方法/步骤首先点击微信中的小程序。然后点击我们想要取消授权的小程序。，然后点击屏幕右上角的三个点。。然后点击关于…

    更新时间：2021-09-24 07:01:44

  • windows update配置失败

    windows update配置失败41人喜欢

    1.重启电脑后，一直按f8，系统将进入多菜单模式。选择“最后一次正确配置”,然后进入查看是否可以进入系统。如果进不了体制，往下看。2.就像开机后一直按f8，系统进入多菜单模式，按上下键选择“安全模式…

    更新时间：2022-04-05 08:59:01

  • 如何处理视频中会动的水印

    如何处理视频中会动的水印66人喜欢

    1.首先打开制作视频的软件，然后导入视频文件，在项目面板的空白处双击导入的素材。使用鼠标将素材拖放到预览窗口，或者将其拖放到合成中。2.然后用蒙版圈出动态水印，选择效果-模糊和锐化-高斯模糊，将模…

    更新时间：2022-06-04 14:52:01

  • 头条会员怎么取消

    头条会员怎么取消95人喜欢

    如果您想取消标题会员资格并暂停扣款，您可以这样做：1.首先，打开手机，进入桌面，找到appstore图标，点击open。进入软件界面后，点击右上角的头像图标2.然后进入账户界面，点击账户下的账号选项。3.然后进入账…

    更新时间：2022-05-03 12:54:04

  • 怎样将word中的图片另存为jpg格式的图片

    怎样将word中的图片另存为jpg格式的图片26人喜欢

    详细介绍方法/步骤右键单击图片位置并选择另存为在02: 00打开下拉三角形，选择jpg格式(jpeg相同)，然后单击保存或点击左上角的“文件”和“另存为”，下拉三角形选择“网页”。然后在你设置的保存位置…

    更新时间：2021-10-04 07:01:34

  • oppo开机后进不了系统

    oppo开机后进不了系统116人喜欢

    1.长按音量键“-”和电源键，手机就可以关机重启了。看看能不能接入系统。如果没有，手机系统损坏。建议及时联系售后服务对手机进行刷机，避免长期系统损坏和手机内部数据丢失。2.进入手机窗口找到一…

    更新时间：2022-04-28 08:58:04

  • 今日头条中的用户名可以更改吗

    今日头条中的用户名可以更改吗39人喜欢

    1.进入今日头条应用，点击顶部菜单栏左侧的头像框，进入个人主页2.单击页面底部的“系统设置”3.单击系统设置页面上的“编辑数据”4.单击“用户名”修改用户名5.按确定，修改成功6.今日头条是北京字节…

    更新时间：2021-12-09 14:53:11

  • js制作轮播图

    js制作轮播图96人喜欢

    轮播是每个网站必不可少的元素，那么如何用js制作轮播呢？下面的小系列就和大家分享一下。需要准备的物品升华文本详细介绍方法/步骤首先，您需要在升华中创建一个html文档，然后将如下图所示的转盘内容…

    更新时间：2021-09-27 16:52:02

it技术热门经验