2-6、CSS定位（position）

2-6、CSS定位（position）

---

---

position之static
position: static; margin-left:auto; margin-right: auto;会水平居中

---

1. 相对于谁？ 相对于自己原本的位置。
2. 堆叠：z-index: 数值 ;数值大的在上层。

---

2

---

---

导航栏下滑到顶部时，吸附到顶部.

position: sticky; 
top:0; 	top的值可以是任何值，相对于视口的高度。10px也可以。bottom也可以。

---

登录窗口居中。 设置本身宽高，设置绝对定位，然后回去本身的一半宽高，这时，才是真正的正中间。

---

二级栏目三级栏目的技巧：

二级栏目首先给一个 display: none;，然后给一个.nav-li:hover ul{ display: block; }，这里注意，鼠标移动到一级栏目的时候，其下的ul展示出来，也就实现了二级栏目，三级栏目同理，可以使用定位悬浮在右侧。