html中position定位问题


html中position定位问题

CSS布局(四) float详解

一、语法:position:static(无特殊定位)/absolute(绝对定位)/relative(相对定位)/fixed(固定定位)

1static:默认值,无特殊定位,对象遵循HTML原则;
2
absolute:绝对定位,将对象从文档流中拖出,使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位;
如果不存在这样的父对象,则依据body对象而其层叠通过z-index属性定义;
(ps:简单来说就是以上级最近的设置位置定位的标签为定位坐标,如果没有就以body)
一般父标签用relative定位,这样就能以父元素作相对定位,不用去计算顶级标签的位置)

3、relative:相对定位,将依据right,top,left,bottom(相对定位)等属性在正常文档流中偏移位置;
(ps:以当前位置移动,并且原位置被占用。)
4fixed:(固定定位),对象定位遵从绝对定位方式(absolute);但是要遵守一些规范;

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM