场景: 设置弹出窗界面，操作按钮在右下角固定位置,随着窗体的内容自动移动
实现:
1、设置弹出窗界面布局为:relative,并且指定窗体高度为固定像素,窗体的overflow属性为auto(既内容超过时自动生成滚动条)
2、按钮所在的div布局为:absolute,指定左对齐。
css中relative布局和absolute布局的使用
2022-01-06
187
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
css中relative布局和absolute布局的使用
目录
相关文章
|
13天前
|
前端开发
|
25天前
|
前端开发
UED
容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么？
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时，需要对其基本原理和特性有深入的理解，同时结合具体的布局需求和场景，进行细致的调整和优化。通过合理的设置和注意事项的把握，才能实现理想的自适应效果，提升用户体验。还可以根据实际情况进行更深入的探索和实践，以不断提升 Flex 布局的应用能力。
102
34
34
|
18天前
|
前端开发
容器
|
1月前
|
前端开发
容器
|
1月前
|
前端开发
容器
|
2月前
|
前端开发
容器
css布局-弹性布局学习笔记
这篇文章是关于CSS弹性布局的学习笔记，详细介绍了flex容器和元素的相关属性，包括flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content以及order、flex-grow、flex-shrink、flex-basis、flex和align-self等，解释了这些属性在弹性盒子布局中的作用和用法。
53
2
2
|
2月前
|
JavaScript
前端开发
网页前端课程设计-【模仿】香港中文大学官网，轮播图及div+css布局，js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计，包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
76
0
0
|
前端开发
css案例学习之relative与absolute
1173
0
0
|
3月前
|
前端开发
|
3月前
热门文章
最新文章
1
纯CSS3实现宽屏二级下拉菜单
2
CSS3-实现单选框radio的小动画
3
CSS3实现时间轴效果
4
如何用纯 CSS 创作一个赛车 loader
5
05.javascript访问CSS
6
CSS伪元素实现的3D按钮
7
CSS3中的选择器
8
Css:背景色透明，内容不透明之终极方法！兼容所有浏览器
9
IE6, IE7, IE8 CSS 兼容速查表
10
碉堡了！ 纯 CSS 绘制《辛普森一家》人物头像
1
使用CSS中的cursor属性值，常用的可设置参数，以及其他16中参数值的使用场景和示例代码
72
2
技术心得：xpath、CSS定位方法
46
3
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
165
4
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
76
5
CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
142
6
CSS【详解】定位 position （静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky）
51
7
CSS【详解】长度单位 （ px，%，em，rem，vw，vh，vmin，vmax，ex，ch ）
75
8
CSS 【详解】样式选择器（含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器）
159
9
使用HTML和CSS创建响应式表格
169
10
常见的css优化方案都有那些
51