add file:02-CSS基础练习:JD首页的制作(快捷导航部分)

This commit is contained in:
qianguyihao
2018-01-24 16:35:19 +08:00
parent b885dc88dd
commit 84bdd581c7
9 changed files with 947 additions and 6 deletions

View File

@@ -842,7 +842,7 @@ margin:0 auto;
对上面的第三条总结一下:(非常重要)
```
margin:0 auto; //让这个div自己在大容器中居中。
margin:0 auto; //让这个div自己在大容器中的水平方向上居中。
text-align: center; //让这个div内部的文本居中。
```

View File

@@ -329,9 +329,9 @@ p将无视父亲的padding在border内侧为参考点进行定位
![](http://img.smyhvae.com/20180116_1335.png)
### 让绝对定位中的盒子居中
### 让绝对定位中的盒子在父亲里居中
我们知道,如果想让一个**标准流中的盒子居中**(水平方向看),可以将其设置`margin: 0 auto`属性。
我们知道,如果想让一个**标准流中的盒子在父亲里居中**(水平方向看),可以将其设置`margin: 0 auto`属性。
可如果盒子是绝对定位的,此时已经脱标了,如果还想让其居中(位于父亲的正中间),可以这样做:
@@ -508,8 +508,15 @@ body{
![](http://img.smyhvae.com/20180116_1445.png)
z-index属性的应用还是很广泛的。当好几个已定位的标签出现覆盖的现象时我们可以用这个z-index属性决定谁处于最上方。
z-index属性的应用还是很广泛的。当好几个已定位的标签出现覆盖的现象时我们可以用这个z-index属性决定谁处于最上方。也就是**层级**的应用。
**层级:**
1必须有定位除去static
2`z-index`来控制层级数。