CSS定位和滚动条
2024-09-01 23:37:16
0805自我总结
一.绝对定位
position: absolute;
/*绝对定位:
1、定位属性值:absolute
2、在页面中不再占位(浮起来了),就无法继承父级的宽度(必须自己自定义宽度)
3、一旦定位后,定位的布局方位 top、bottom、left、right都能参与布局
4、绝对定位的参考系是最近的定位父级(不是父级中的哪一点,而是四边参照四边)
5、左右同时存在,取左;同理上下取上
6、当父级定位了,子级参照父级定位,又可以重新获取父级宽度(也可以在计算中拿到父级高度)
*/
position:fixed
生成绝对定位的元素,相对于浏览器窗口进行定位。
二.相对定位
position: relative;
父级(最近的一个父级)相对定位的目的
1)不影响自身布局
2)辅助自己绝对定位布局
三默认定位
position: static
默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
四.继承定位
position:inherit
规定应该从父元素继承 position 属性的值。
五.滚动条
overflow
hidden:没有滚动条,且内容只有规定区域的内容.
visible:默认值没有滚动条,这个属性定义溢出元素内容区的内容会如何处理且显示.
scroll:这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条.
auto:显示滚动条,且内容只有规定区域的内容.
最新文章
- asp.net mvc3登录验证
- 支持向量机(SVM)——python3实现
- webapp设置适应pc和手机的页面宽高以及布局层叠图片文字
- Beta版本项目展示要求
- 开发板ping不通主机和虚拟机的看过来(转载)!
- WinForm------Reflector反编译工具下载
- 通过pycurl模块添加put和delete请求
- 转载 javascript中的正则表达式总结 二
- javascript 拷贝
- BZOJ 3875: [Ahoi2014]骑士游戏 dp+spfa
- win系统一键安装JDK和Tuxedo
- 【Spring】Spring IOC原理及源码解析之scope=request、session
- 下一代hadoop
- 7.4.1 Dumping Data in SQL Format with mysqldump
- java简易编辑器
- iphone开发小记
- 分享一下自己写的一个vscode-leetcode答题插件
- MySQL查看数据库信息
- fiddler抓包工具总结
- Oracle会话超时退出设置
热门文章
- Elasticsearch 语法指南(全)
- 虚拟化和Docker
- Yii2 框架跑脚本时内存泄漏问题分析
- Ajax获取网页添加到div中
- 开源WAF工具ModSecurity
- 无法Google的解决方案
- inux 资源监控分析-pidstat
- Leetcode547: Friend Circles 朋友圈问题
- Cocos Creator | 炮弹发射效果模拟
- python中time.strftime不支持中文,报错UnicodeEncodeError: 'locale' codec can't encode character '\u5e74' in position 2: encoding error