当前位置 博文首页 > fenfyue的博客：2020-10-29文档流 display
<body >
<div id="nav">
<a href="#">导航</a>
?
层定位
对于每一个层次能够准确定位? （类似于图像处理软件里面的图层）?
position? ： static（默认值），没有层定位 遵循正常的文档流对象
? ? ? ? ? ? ? ? ? ?fixed （固定地位），相对于浏览器窗口固定定位? ? ? 不会随浏览器窗口的滚动条滚动而变?.fix-box{?width：12px;....
? ? ? ? ? ? ? ? ? ? ? ? ? position:fixed;(固定定位）? ?}
relative :（相对定位），相对于其直接父元素进行定位? ?会随着浏览器窗口滚动条滚动
? ? ? ? ? ? ? ? ? .fix-box{position:relative}
absolute（绝对定位），相对于最近的已定位父元素定位? 脱离正常的文档流，原位置不在存在? ? 不会跟着浏览器的滚动而滚动
? ? ? ? ? ? ??
父元素用relative，子元素用absolute（做例题）
设置元素的堆叠顺序 （数值远大，层级越往上）
z-index 属性??
flex布局? （弹性布局）
display :flex(inline-flex) 简单方便快捷
flex container 容器
flex-item 子元素
main axis 水平的主轴
cross axis 垂直的交叉轴
main size - item占据的空间
?
