学习了定位 position。看上去还挺简单 但是做题的时候才知道好多需要注意的细节
定位
position
left:;
top:;
right:;
bottom:;
相对定位
position: relative;
特性:
会提高层级
不会脱离文档流
相对于自身进行定位
不会改变元素的宽高
不会改变元素本身
绝对定位
position: absolute;
特性:
会提高层级
会脱离文档流
找有定位的父级，如果找不到，找body
宽度尽可能的窄，内容的宽度
会把元素变成块
元素定位之后，层级会提高
从小到大
普通元素<浮动元素<定位元素
父级元素<子级元素
永远子级都比父级高
改变层级
z-index
注意：只有元素设置定位了才能用
今天被一个问题纠结了好久 在李圣的帮助下成功解决了 写下来日后注意
想隐藏再现 需要父子级的关系
错误写法 没有父子级关系
错误显示
正确做法
正常的显示
这个.box今天在这犯了两次错误 也能警醒自己。
