css position
来源:互联网 发布:万网域名后台 编辑:程序博客网 时间:2024/06/15 13:34
这个positionCSS属性指定一个元素的位置在一个文档。这个top,right,bottom,和left属性确定定位元素的最终位置。
* Keyword values */position: static;position: relative;position: absolute;position: fixed;position: sticky;/* Global values */position: inherit;position: initial;position: unset;
- positioned 是一种元素的计算position值是relative,absolute,固定的,或sticky。(换句话说,它除了静止的。
- position:relative元素是一种元素的计算position值相对的。这个top和bottom属性指定的垂直偏移量从正常的位置;left和right属性指定的水平偏移
- position:absolute元素是一种元素的计算位置值absolute或固定的.这个top,right,bottom,和left属性指定的偏移量从元素的包含块的边缘。(包含块是祖先的元素的相对位置。)如果元素有利润,他们加入到偏移。
- position:sticky 的元素是一种元素的计算position值粘性的。作为其相对位置直到其包含块过指定的阈值,在这一点上,它是作为固定。
大多数时候,绝对定位的元素,height和width设置auto以适合他们的内容。然而,不可替换的绝对定位元素可以通过指定顶部和底部,并留下未指定的高度(即,自动)来填充可用的垂直空间。
2.同样,它们也可以通过指定左、右和宽度作为自动填充来填充可用的水平空间。
除了刚才描述的绝对位置元素填充可用空间的情况之外
1. 如果顶部和底部都是指定的(从技术上讲,没有自动填充),top有效。
2. 如果 left和rigth都有设定值,当它的direction为ltr(left to right) left有效,当它的direction为rtl right有效
如果第一个元素为 abosolute :
- 同胞元素为fixed,对同胞元素布局没影响,不指定top,left,bottom,right,从top=0开始
- 同胞为relative,,同胞不指定top left bottom right,同胞的定位是相于浏览器来说
- 同胞为absoulate,除width,height不指定任值,两者相对上一个非absolute元素开布局,top=0时相于浏览器开始处布局
如果第一元素为fixed
- 同胞为absolute,不指定任何值,在浏览器开始处布局
- 同胞为fixed,不指定任何值,从浏览器开始处布局
- 同胞为relative,不指定任何值,从浏览器开始处布局
如果第一元素为relative:
- 同胞元素为absolute不指定任何值,它在第一个元素下开始布局,top=0从浏览开始布局
- 为fixed时 不指定任何值,它相对于浏览器 处布局
- 为relative 它在第一个元素下开始处布局
阅读全文
0 0
- css position
- css position
- CSS Position
- CSS: Position
- css position
- css position
- css-position
- CSS position
- css position
- css position
- css position
- css position
- CSS Position
- Css: position
- css position
- css position
- css position
- CSS-Position
- Android7.0反射类找不到的问题
- 奥威零售数据分析系统Power-BI 之空调行业——零售指标分析
- 深度学习笔记(二):基于tensorflow gpu版本的深度神经网络程序总览
- linux系统中的进程
- 【面向JS--正则表达式】
- css position
- 网站用户行为统计数据
- android开发之-查看、编辑手机sqlite数据库文件
- 使用apt导入时报警告:Warning:Using incompatible plugins for the annotation processing: android-apt. This may
- VAE、GAN、Info-GAN:全解深度学习三大生成模型
- 处理SYSMAN用户坏块问题
- 在oracle中,怎么新建一个字符集是utf8的数据库(即数据库实例)
- 快速集成一个视频直播功能
- mysql开启远程访问权限