HTML之postion属性
来源:互联网 发布:淘宝企业店铺的费用 编辑:程序博客网 时间:2024/06/05 10:08
HTML中拥有三种不同的定位方式,分别为静态定位
、相对定位
、绝对定位
三种,一共可设置四个不同的属性值。即
- static(静态定位)
- relative(相对定位)
- absolute(绝对定位)
- fixed(固定定位)
上面的四种属性极易混淆,因此这里根据自己的理解简单说明下。
static属性
这种属性本质上就是HTML的默认属性,即不设置任何position
属性(即不设置margin,padding,left,right …)时,HTML会按照标准文档流进行排列。
relative属性
这种属性简单的可以认为是static
属性添加position
属性之后形成的新属性。即对默认的HTML元素位置按照position
属性值进行相应的偏移即可,此时元素仍按照标准文档流排列。
absolute属性
这种属性应该分为两种情况对待,即父对象有没有设置position
属性。
- 如若有设置过,则按照最近的设置有
position
属性的父对象对齐,对齐点为该父对象的左上角。- 如若没有设置过,则会以body为对齐对象,按照浏览器窗口进行对齐,对齐点为body对象的左上角。
fixed属性
这种属性可以简单的认为是一种特殊的absolute
属性,即无论父对象如何,它均是以body对象为对齐点。即使拖动浏览器的滚动条,它的位置也不会改变。
注:absolute
属性和fixed
属性均会导致该元素完全脱离标准文档流。
0 0
- HTML之postion属性
- Div+Css网页布局之定位篇--Postion属性详解
- CSS的POSTION属性
- CSS Postion之Absolute
- HTML的background-postion介绍
- HTML基础(二):css postion 的详细解释
- HTML学习之属性实体化
- Html标签属性之 字体
- 实例之HTML标签属性
- html之属性的定义
- html之属性的应用
- html之input属性学习
- postion使用和table标签的默认属性整理及字体的属性初识
- css postion
- css postion
- HTML&CSS——css中postion的fixed与absolute区别详解
- HTML之Label标签的for属性
- HTML那点事之【标签属性】
- oracel字符截取substr
- 初识 Spatial Pyramid Matching
- DNS中的正向解析与反向解析 及 nslookup命令使用
- Sublime 运行Java
- 将imageview变灰,只需几行代码
- HTML之postion属性
- CentOS 7.1 NVMe 中断绑定最近的NUMA node
- UILabel - 方法总结
- iOS图片高斯模糊 毛玻璃效果
- linux下的C语言基础学习
- fastjson 版本性能
- java中list和set的区别与联系
- 15.bash编程变量
- 推送之个推