add file:02-CSS基础练习:JD首页的制作(快捷导航部分)
This commit is contained in:
@@ -842,7 +842,7 @@ margin:0 auto;
|
||||
对上面的第三条总结一下:(非常重要)
|
||||
|
||||
```
|
||||
margin:0 auto; //让这个div自己在大容器中居中。
|
||||
margin:0 auto; //让这个div自己在大容器中的水平方向上居中。
|
||||
text-align: center; //让这个div内部的文本居中。
|
||||
```
|
||||
|
||||
|
||||
@@ -329,9 +329,9 @@ p将无视父亲的padding,在border内侧为参考点,进行定位:
|
||||
|
||||

|
||||
|
||||
### 让绝对定位中的盒子居中
|
||||
### 让绝对定位中的盒子在父亲里居中
|
||||
|
||||
我们知道,如果想让一个**标准流中的盒子居中**(水平方向看),可以将其设置`margin: 0 auto`属性。
|
||||
我们知道,如果想让一个**标准流中的盒子在父亲里居中**(水平方向看),可以将其设置`margin: 0 auto`属性。
|
||||
|
||||
可如果盒子是绝对定位的,此时已经脱标了,如果还想让其居中(位于父亲的正中间),可以这样做:
|
||||
|
||||
@@ -508,8 +508,15 @@ body{
|
||||
|
||||

|
||||
|
||||
z-index属性的应用还是很广泛的。当好几个已定位的标签出现覆盖的现象时,我们可以用这个z-index属性决定,谁处于最上方。
|
||||
|
||||
z-index属性的应用还是很广泛的。当好几个已定位的标签出现覆盖的现象时,我们可以用这个z-index属性决定,谁处于最上方。也就是**层级**的应用。
|
||||
|
||||
|
||||
**层级:**
|
||||
|
||||
(1)必须有定位(除去static)
|
||||
|
||||
(2)用`z-index`来控制层级数。
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user