一、HTML和CSS基础--网页布局--实践--固定层效果
2024-03-28 18:54:19
absolute和fixed的相同点：
第一，完全脱离标准文档流
第二，未设置偏移量时，都定位在父元素的左上角
absolute和fixed的不同点：
第一、当设置偏移量时，偏移参照基准不同
absolute：1、没有已经定位的祖先元素，以<html>为基准偏移
2、有已经定位的祖先元素，以距其最近的、已定位的祖先元素为基准偏移
fixed：有、无已定位的祖先元素，都以浏览器可视窗口为基准偏移
第二、表现形式（产生滚动条时）
absolute：位置会随滚动条变化
fixed：1、位置固定，不会随滚动条变化
2、被它遮盖的元素，可以从其下穿过
在对元素设置固定定位时，如果希望本元素包含在其父包含块中，不需要对其设置偏移量（可以以京东商品介绍栏为例）
案例：1 固定层效果
实现方法：将此区域设置为position：fixed，top:0，left:0 注意当设置为固定定位的时候，此区域即脱离了标准文档流，其后面的内容会占据定位元素的位置。注意设置后面的内容的上边距（固定定位层的高度+原有边距）。
最新文章
- Delphi_01_控制台版HelloWorld
- 基于Apache+php+mysql的许愿墙网站的搭建create database xyq; //创建xyq数据库
- 时间--cd //lastyear
- spark 加载文件
- 使用C# WinForm窗体制作经理评分项目 ——S2 2.2
- throws 和 throw
- 【http】client
- LintCode- 删除排序数组中的重复数字
- keyboard splitting bug on ipad with ios 5 and 6 (Cocos2d-x)
- Hibernate：如何映射聚合？
- tomcat启动异常、和web.xml缺少配置异常
- 使用rke快速安装K8s集群
- 译：Spring Boot 自动伸缩
- Tomcat部署及优化
- 【HQL】常用函数
- caffe 每层结构
- python自学——文件处理（截取文件内容）
- WinForm查询大数据界面假死,使用异步调用解决
- 微软最新设计Fluent Design System初体验
- 点击checkbox 向input 里面传值显示