前端的一些小知识

块级元素：独占一行

标签：h1~h6, p, div, 列表等

行内元素：不独占一行

标签：span, a, img, strong等

块元素可包含行内元素，反之不行

浮动父元素塌陷的解决方法

1. 增加一个空的div，清除浮动

<div class="clear"></div>

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}

2. overflow
   在父级元素中增加 overflow: hidden;

.father{
	...
	overflow: hidden;
}

3. 父级元素添加伪类: after 【推荐使用】

.father:after{
	content: '';
	display: block;
	clear: both;
}