相对定位和绝对定位总结

来源:互联网 发布:文件加密软件绿色版 编辑:程序博客网 时间:2024/05/16 06:41

1 通常情况下,默认position为static,也就是没有定位

2 相对定位,占着文档流,相对原来的位置

3 绝对定位,不占文档流,以父元素为参照物(父元素不是static),这个我很有疑问的~~

4 设置了这两种定位,都会有包裹性,宽度不是之前的100%(要改的话,可以通过设置left:0px,right:0px)

5 带有覆盖效果的,基本上用absolute定位这种,都可以通过margin布局去改变

6 设置absolute之后,会有宽度缺失,高度缺失,类似浮动

7 设置一个元素隐藏,可以这样

.hidden{

visibility:hidden;

position:absolute;

}


体会的还是不是特别深刻,张老师的视频还是要多看几遍

0 0
原创粉丝点击