元素的几种定位详解

版权声明: https://blog.csdn.net/weixin_41849462/article/details/80814706

absolutely:绝对定位

                    将对象从文档流中脱离出来,使用left/right/top/bottom等属性相对其最近的一个设置有定位的父元素进行绝对定位:如果不存在这样的父元素,则根据HTML(最大的包含块、浏览器)对象而起层叠通过z-index属性定义;

                    包含块是绝对定位的基础,是为绝对定位提供参照的参照物;

                    让一个元素变成包含快:添加浮动  position:relative(不会让元素脱离正常文档流);

                    z-index必须结合定位属性使用才有效(static除外)

relative:相对定位

                       不会使元素脱离正常文档流;

                        根据元素当前位置作为偏移参照物

fixed:固定定位

                与绝对定位用法相同;不同点:根据浏览器大小进行相对定位;

static:静态定位

                文档默认定位方式

设置元素(所有)透明度:

opacity:0-1

filter:alpha(opacity=0-1)

猜你喜欢

转载自blog.csdn.net/weixin_41849462/article/details/80814706