18910140161

html中position定位问题 html中position定位问题CSS布局(四) float详解一、语法:position:static(无特殊定位)/absolute(定位)/relative(相对定位)/fixed(固定定位)

2021-10-30 13:38:09

64

1、static:默认值,无特殊定位,对象遵循HTML原则;
2、
absolute:定位,将对象从文档流中拖出,使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行定位;
如果不存在这样的父对象,则依据body对象而其层叠通过z-index属性定义;
(ps:简单来说就是以上级最近的设置位置定位的标签为定位坐标,如果没有就以body)
一般父标签用relative定位,这样就能以父元素作相对定位,不用去计算标签的位置)
3、relative:相对定位,将依据right,top,left,bottom(相对定位)等属性在正常文档流中偏移位置;
(ps:以当前位置移动,并且原位置被占用。)
4、fixed:(固定定位),对象定位遵从定位方式(absolute);但是要遵守一些规范;

 

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航