百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

Python Web全栈之旅10--Web前端●CSS定位

off999 2024-10-19 07:12 32 浏览 0 评论


一、定位

1、什么是定位?

手动控制元素包含块中的精准位置,属性为position

2、四种类型的定位

● 默认值:static,静态定位(不定位)

relative:相对定位

absolute:绝对定位

fixed:固定定位

3、定位元素的定义

一个元素,只要position的取值不是static,认为该元素是一个定位元素

4、定位元素的区别

除了相对定位元素外,其他定位会脱离文档流。

5、脱离文档流的特点

● 文档流中的元素摆放时,会忽略脱离了文档流的元素

● 文档流中元素计算自动高度时,会忽略脱离了文档流的元素


二、相对定位

position: relative

1、特点

● 元素不会脱离文档流

“相对”的参照物是元素本身,让元素在原来位置偏移

● 盒子的偏移不会对其他盒子造成任何影响。

2、偏移属性

left:向左偏移

right:向右偏移

top:向上偏移

bottom:向下偏移

3、相对定位和margin的区别

代码:

效果图:


三、绝对定位

1、绝对定位的包含块位置

祖先第一个定位元素,该元素的填充盒为其包含块。若找不到,则它的包含块整个网页(初始化包含块)

2、postion: relative

代码:

效果图:


四、固定定位

1、特点

● 其他情况和绝对定位完全一样。

包含块不同:固定为视口浏览器的可视窗口

2、postion: fixed

3、居中显示

● 代码:

● 效果图:


五、上一集

>>>Python Web全栈之旅09--Web前端●CSS浮动

相关推荐

office2003的主要功能(word2003的主要功能)

是一套Office2003专业版的精简版,包含常用的Word、Excel、PowerPoint三个应用,使用者甚多。楼主如果有需要,请上电脑在本帖下载我的附件。

ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
怎样准备一个带pe的u盘的(带pe系统的u盘)

一、U盘安装系统前期准备:  1、首先需要预备一个空的4G或以上U盘,用来存储启动程序跟系统文件。  2、接着我们需要安装的ghost系统。  3、U盘启动盘制作工具:U盘启动工具  二、U盘启动盘制...

怎样拷贝文件到u盘里(怎么文件拷贝到u盘)

方法/步骤分步阅读1点击安全打开等电脑的桌面中弹出U盘插入成功的提示框之后,点击安全打开,将U盘打开。2点击文件将U盘打开之后,在电脑的桌面中找到需要拷贝的文件,点击鼠标右键等弹出序列。3点击复制弹出...

固态硬盘怎么安装win7(固态硬盘怎么安装在电脑上)
固态硬盘怎么安装win7(固态硬盘怎么安装在电脑上)

1.首选需要找一个4GB以上的U盘2.用来存放Win7的ISO镜像文件。带有光盘标识的即为“光盘映像文件”3.在点击写入之前,一定要确保U盘里面没有任何数据,如果有数据应该及时备份,否则里面的数据将被删除,不过在做完启动盘后,仍然可以向里面...

2025-12-27 13:03 off999

苹果手机忘记密码怎么办(很久没用的苹果手机忘记密码怎么办)

在苹果官网中搜索忘记iphone密码,点击置于恢复模式的链接,根据步骤完成解锁即可,以下是详细的操作步骤:方法/步骤1点击搜索图标网页上搜索进入apple官网,进入官网主页面之后,点击页面上方的放大镜...

win10系统防火墙在哪里设置(windows10的防火墙怎么设置)

Windows10的防火墙设置非常简单。首先,您可以点击“开始”菜单,然后在搜索框中输入“防火墙”来打开防火墙设置。接下来,您可以根据需要为不同的网络(包括公用网络、专用网络和域网络)设置不同的防火...

软件市场下载(软件市场下载安装)

是的,因为酷安已经被下架了,目前在所有手机自带的应用市场下载的酷安都是阉割版本。不仅是酷安,其它应用市场比如腾讯的应用宝目前在手机自带的应用商店全都已经下架了。并且申请上架也会被拒绝,拒绝理由是:“暂...

u盘有东西但是显示文件夹为空

u盘里面有文件,却显示文件夹为空是因为文件被隐藏了,开启方法如下:需要用到的工具有:电脑、U盘。1、打开我的电脑,找到并点击进入U盘,2、在U盘目录里面,点击上方的属性功能。3、在属性页面,把隐藏对勾...

五笔86版输入法下载(86版五笔安装包)

要下载王码五笔86版官方,可以前往官方网站进行下载。安装时,先打开下载的安装文件,按照提示完成安装向导。在安装过程中,可以自定义安装路径,也可以选择安装组件。安装完成后,可以在输入法设置中选择王码五笔...

360游戏中心怎么关闭(360游戏中心怎么关闭自动更新)

1.你把360卸载了,换成QQ管家2.你把360卸载,再安装的时候,别一键安装要,改为自定义安装,在安装过程中,如果有弹出窗口,上面显示360游戏大厅,你把360游戏大厅前面的那个选择口里点一下,里面...

宽带安装哪个便宜(安装宽带哪个好)

我认为光纤宽带是目前最便宜和最好用的选择。1.光纤宽带拥有更高的传输速度和稳定性,可以提供更好的上网体验。相比其他宽带类型,如ADSL和电缆宽带,光纤宽带的速度更快,不容易受到网络拥堵的影响。2....

pubg加速器免费版(pubg加速器免费版无广告)

现在加速吃鸡的游戏加速器是有专线路线的比较好,专线的稳定很多,不过目前是没有完全免费的加速软件,很多都可以先体验,注册就可以体验的,可以多去体验几款,对比一下。目前的加速器可以分为三个等级第一等级:全...

如何用u盘重装电脑系统win7(用u盘怎样重装系统win7)
如何用u盘重装电脑系统win7(用u盘怎样重装系统win7)

u盘怎么装win7系统步骤如下:1、先下载Windows7镜像,根据自己需求选择下载的版本:简化版、家庭基础版、家庭高级版、企业版等。2、下载工具软碟通。直接在搜索引擎中输入“软碟通”,选择合适的下载地址,直接下载安装即可。3、制作系统U...

2025-12-27 08:51 off999

系统驱动怎么安装(系统驱动的安装)

首先进入系统的设备管理器,检查一下是否存在有没有正确安装或者找不到的驱动程序的设备,然后进入硬件生产厂商官网去下载对应的操作系统的驱动程序,进行安装。如果嫌麻烦,可下载第三方软件进行辅助安装。1、如果...

取消回复欢迎 发表评论: