沉淀期——定位

最新推荐文章于 2024-11-18 09:43:17 发布
最新推荐文章于 2024-11-18 09:43:17 发布
阅读量133 收藏
点赞数
分类专栏： 盒子模型 文章标签： html5 定位 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41961239/article/details/118631232
版权
本文深入探讨了网页布局中的定位技术，包括静态定位、相对定位、绝对定位、固定定位和父相子绝布局。详细阐述了每种定位方式的特点及其应用场景，特别提到绝对定位在居中布局上的限制。此外，还提到了显示隐藏的两种方法及其差异，并以淘宝轮播图布局为例展示了实际应用。最后，讨论了居中问题和定位在解决布局挑战中的重要作用。
摘要由CSDN通过智能技术生成

导读

  1. 能够说出为什么要用定位能
  2. 够说出定位的4种分类能
  3. 够说出4种定位各自的特点能
  4. 够说出为什么常用子绝父相布局
  5. 能够写出淘宝轮播图布局
  6. 能够说出显示隐藏的2种方式以及区别

1.定位

定位的组成：将盒子定在某个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。
定位=定位模式+边偏移
在这里插入图片描述
在这里插入图片描述

静态定位

在这里插入图片描述

相对定位

在这里插入图片描述

绝对定位

在这里插入图片描述

父相子绝

在这里插入图片描述

固定定位

在这里插入图片描述
在这里插入图片描述

粘性定位（了解，ie不支持）

在这里插入图片描述

总结

在这里插入图片描述

拓展定位

关于居中问题
绝对定位的盒子不能使用margin:0 auto;
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

嘴巴嘟嘟
关注
专栏目录
支付域——支付账户业务
庄小焱
10-28 430
该网页主要介绍了支付域中的支付账户设计。首先阐述了账户的重要性，其核心在于理念、规范和基本原则。接着给出账户的标准定义，是根据会计科目设置的用于反映会计要素增减变动情况及其结果的载体，具备账户名称、日期和摘要、金额及余额、凭证号数等内容。从业务视角看，账户是记录主体和资金余额及变动明细的数据载体，关键内容包括账户余额、账户流水等。文章为理解支付账户设计提供了从财务和业务两个角度的基础介绍。
产品经理的进阶——项目
qq_42383310的博客
05-02 781
【需要word版本的，请私信我】 第三章 项目 立项3.2——>需求（开发）3.3——>开发+测试+发布=3.4 文档管理+流程管理+敏捷方法=3.5 3.1从产品到项目 项目定义：只会进行一次 + 包含多项互相关联的任务 + 有绩效、时间、成本、范围限制的一项工作。 做产品vs做项目： 生命周期： 产品——生命周期长 + 关注整个产品从规划到制造，再到维护和消亡。 项目——生命周期短 + 有特定目标 + 在项目开始前有明确的起始和结束时间，通过验收就表示项目生命周期结束。 具
沉淀期——盒子模型
你怎么也喜欢嘴巴嘟嘟
06-26 115
盒子模型 1.1 网页布局 页面布局要学习三大核心，盒子模型,浮动和定位.学习好盒子模型能非常好的帮助我们布局页面. 网页布局过程∶ 1.先准备好相关的网页元素，网页元素基本都是盒子Box。2.利用CSS设置好盒子样式，然后摆放到相应位置。 3.往盒子里面装内容. 网页布局的核心本质︰就是利用CSS摆盒子。 1.2盒子模型组成 所谓盒子模型︰就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。 CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括∶边框、外边距、内边距、和
闲言碎语——第一期
weixin_38754349的博客
08-05 175
code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：徐宜生声明：本文转自徐宜生公众号群英传，转发等请联系原作者授权最近看书学习工作，有一些心得体会，点点滴...
系统设计——JAVA开发规范设计
庄小焱
09-20 754
本博文将对阿里巴巴java开发手册进行详细的解释和说明，帮助的大家更好的理解java开发规范。更好实践在自己的项目中，让自己的编码养成一个好习惯，努力成为一名优秀的程序员。
源于加速，不止加速——10年沉淀，破局改变
阿里云云栖号
09-06 876
CDN是一个超大规模的分布式系统，为互联网各类App和Web站点提供动/静态内容、实时流媒体加速以及网络安全防护等能力。
前端面试——人事篇
weixin_45866376的博客
03-06 2031
职业规划、离职原因、优点缺点、性格
爱勾搭技术沙龙第一期 ——互联网中高端技术从业者如何突破职业瓶颈
qq_33109809的博客
11-25 291
活动之后我利用业余时间做了一个简单的总结，分享给大家。 此次活动出场分享嘉宾有：六点一刻创始人及CTO吴建杰吴总，innail CTO付莹付总，食库创始人及CTO鲨鱼哥。报名到场的伙伴有很多是来自国内一线互联网公司的技术人员，BAT，滴滴、美团的伙伴们
新员工试用期考核流程（RD）
软件猿扫地僧
05-20 600
（1）转正申请人叙述时间（控制在10分钟内）：讲解自己的试用期任务目标，通过资料及内容展示讲解自己的完成情况 （需要突出核心工作，即能支撑转正的论据），期间遇到的问题及自己的成长，对公司的及团队的建议等；以新人阐述为主，TL对新人的阐述进行反馈，给予新人积极的鼓励，对照新人文档和流程规范要求，提醒新人工作过程中有无需要注意点，沟通过程中主动询问新人在开展工作当中有何困惑或者不适应、需要什么的帮助和支持等；（4）导师将团队负责系统的相关文档、敏捷规范流程、WIKI资料转发给新人，并给新人做简单的介绍；
游戏直播平台竞品分析——斗鱼TV、虎牙直播.pdf
07-22
根据艾瑞网的分析报告，中国游戏直播用户可以分为三个阶段：初创期（2013-2014年）、沉淀期（2015年）和爆发期（2016年-）。在初创期，核心用户为PC端竞技类游戏爱好者，电竞游戏玩家渗透率非常高。随着长尾游戏内容...
基于单片机的水下机器人定位系统
08-18
【基于单片机的水下机器人定位系统】是针对在深约40米浆液下工作的搅拌机器人设计的，目的是实现实时定位，确保机器人能按照预设路径准确执行搅拌任务，防止水煤浆沉淀。该系统采用了多路超声波传感器结合三点定位法...
2020——收藏资料山东淄博华润中央公园推广执行案.ppt
11-16
6. **年度主题**：营销计划按照时间线分为品质营销期和展示营销期，每个季度都有特定的主题和活动，如新品推出、双盘联动等，确保全年推广的连贯性和效果。 综上所述，华润中央公园的成功在于深度挖掘和充分利用了...
HTML5实现趣味飞船捡金币小游戏(附源码)
全栈工程师，博主正在等你，有合作、疑惑请私信博主。
11-15 1120
HTML5实现趣味飞船捡金币小游戏(附源码)，飞船捡金币源码，全网最全小游戏源码，前端游戏源码，游戏界面酷炫，这是一款非常有趣的HTML5飞船捡金币小游戏。游戏中你可以使用上下左右方向键来控制小飞船的飞行。金币会在屏幕中随机出现，飞船具有吸附金币的能力，越接近吸附的越多，非常有意思。代码注释完整，书写规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。
【网页设计】HTML5 和 CSS3 提高
Akiiiira的博客
11-12 1558
过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。HTML5 在不使用插件的情况下，也可以原生的支持视频格式文件的播放，当然，支持的格式是有限的。对于红色，是因为先找到的光头强，其标签为 p，与声明的 div 不符合，即没有符合条件的，所以不会变红。HTML5 在不使用插件的情况下，也可以原生的支持音频格式文件的播放，当然，支持的格式是有限的。
HTML5超酷响应式视频背景动画特效(六种风格，附源码)
最新发布
全栈工程师，博主正在等你，有合作、疑惑请私信博主。
11-18 674
HTML5超酷响应式视频背景动画特效(附源码)，html多个好看的背景动态效果，html背景动态效果，里面带有六种好看的，酷炫的动态背景效果，大气蓬勃动态背景，星空闪闪动态背景，眼神深眸动态背景，星空银河动态背景，花开花落动态背景，海底世界动态背景，可以直接嵌套在在自己的代码里，各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
前端（1）——快速入门HTML
m0_63086198的博客
11-14 969
参考： W3school 1. HTML 我使用的是vs code，在使用之前，先安装以下几个插件： Auto Rename Tage HTML CSS Support Live Server 1.1 HTML标签 HTML全称是Hypertext Markup Language(超文本标记语言) HTML通过一系列的标签(也称为元素)来定义文本、图像、链接等等。HTML,标签是由尖括号包围的关键 字。 标签通常成对出现，包括开始标签和结束标签(也称为双标签)，内容位于这两个标签之间，例如
HTML面试题
weixin_62668406的博客
11-14 1012
src用于指定要加载的资源路径，常出现于标签由name（指定元数据的名称）和content（提供与name对应的数据）定义，用于描述网页。href用于指定的目标地址和在文档头部使用引入外部样式表时，用href制定样式表的地址。defer适用于需要在HTML完全解析后才运行的JS，尤其是依赖于DOM的JS，适用于包含多个JS的页面。5.
CSS3_过渡（八）
。
11-15 653
介绍CSS3过渡的属性及用法。
html数据类型
2302_79986066的博客
11-15 906
已声明 但未赋值的变量的默认值是 undefined在控制台直接输入 typeof undefined 得到 "undefined"let love;
智能故障定位：基于日志和机器学习的系统分析
它们可以处理高并发情况下的单请求根因问题，通过机器学习模型的方式沉淀专家知识，实现多维度汇聚统计和展示。这类系统强调对根因的统计而非表面现象，通过信息熵排序找出异常维度，从而提高定位的准确性。然而，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嘴巴嘟嘟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值