webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix typos

Browse Source
This commit is contained in:
qianguyihao
2018-12-09 17:23:30 +08:00
parent 1523f7a7b3
commit aa76db8748
21 changed files with 30 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
02-CSS/07-浮动.md
View File

@@ -237,7 +237,7 @@ css中一共有三种手段，使一个元素脱离标准文档流：
![](http://img.smyhvae.com/20170801_1720.png)
上图中，div本身是块级元素，如果不设置widh，它会单独霸占整行；但是，设置div浮动后，它会收缩
上图中，div本身是块级元素，如果不设置width，它会单独霸占整行；但是，设置div浮动后，它会收缩
### 浮动的补充（做网站时注意）
@@ -816,39 +816,6 @@ _zoom:1;
如果不在标准流，比如盒子都浮动了，那么两个盒子之间是没有塌陷现象的。
### 善于使用父亲的padding，而不是儿子的margin
我们来看一个奇怪的现象。现在有下面这样一个结构：（div中放一个p）
```
<div>
<p></p>
</div>
```
上面的结构中，我们尝试通过给儿子`p`一个`margin-top:50px;`的属性，让其与父亲保持50px的上边距。结果却看到了下面的奇怪的现象：
![](http://img.smyhvae.com/20170806_1537.png)
此时我们给父亲div加一个border属性，就正常了：
![](http://img.smyhvae.com/20170806_1544.png)
如果父亲没有border，那么儿子的margin实际上踹的是“流”，踹的是这“行”。所以，父亲整体也掉下来了。
**margin这个属性，本质上描述的是兄弟和兄弟之间的距离； 最好不要用这个marign表达父子之间的距离。**
所以，如果要表达父子之间的距离，我们一定要善于使用父亲的padding，而不是儿子的margin。
### 盒子居中`margin:0 auto;`
margin的值可以为auto，表示自动。当left、right两个方向都是auto的时候，盒子居中了：