CSS之四种定位的理解
来源:互联网 发布:sap供应商主数据导出 编辑:程序博客网 时间:2024/05/16 12:12
- Static
这个是元素的默认定位方式,元素出现在正常的文档流中,会占用页面空间。不能使用top,bottom,left,right和z-index。
- Relative
相对定位方式,相对于其父级元素(无论父级元素此时为何种定位方式)进行定位,准确地说是相对于其父级元素所剩余的未被占用的空间进行定位(在父元素由多个相对定位的子元素时可以看出),且会占用该元素在文档中初始的页面空间,即在使用top,bottom,left,right进行移动位置之后依旧不会改变其所占用空间的位置。可以使用z-index进行在z轴方向上的移动。
- Absolute
绝对定位方式,脱离文档流,不会占用页面空间。以最近的不是static定位的父级元素作为参考进行定位,如果其所有的父级元素都是static定位,那么此元素最终则是以当前窗口作为参考进行定位。可以使用top,bottom,left,right进行位置移动,亦可使用z-index在z轴上面进行移动。当元素为此定位时,如果该元素为内联元素,则会变为块级元素,即可以直接设置其宽和高的值;如果该元素为块级元素,则其宽度会由初始的100%变为auto。
- Fixed
绝对定位方式,直接以浏览器窗口作为参考进行定位。其它特性同absolute定位。
0 0
- CSS之四种定位的理解
- CSS的四种定位
- css中position的四种定位
- 对css定位的理解
- 关于CSS定位的理解
- CSS定位position的理解
- css 四种定位方式
- css之position定位个人理解
- CSS盒子模式之四 - 绝对定位和相对定位
- 理解css盒模型以及三种定位的区别
- CSS基础(四)框的定位
- CSS之DIV的定位
- CSS的定位之position
- css中自己对定位的理解。
- 关于css定位的一些理解
- 四、CSS定位
- 对css中绝对定位与相对定位的理解
- CSS 相对定位与绝对定位的理解
- win10 护眼
- How to use Deep Learning when you have Limited Data
- 类的无参方法
- unity3d状态机基础学习(二)
- 线程同步—互斥锁
- CSS之四种定位的理解
- wordpress教程:检测当前页面使用的哪个模板文件的方法
- Crash杀手排名
- 感知度
- Chrome浏览器地址栏https显示红叉和删除线,无法打开网站,且没有"继续"选项
- oracle中的decode的使用
- 英语总结-付金田-2017年2月3日
- POJ 1195 Mobile phones
- Oracle中的NVL函数