总结一下inline元素和block元素的区别

1. 最常见的就是：inline元素会在同一行显示；block会在新一行中显示，就好像后面加了一个<br />
2. block在正确的渲染下面，是不会跟随其中的内容“撑开”容器的。inline元素的宽度和高度，则和其中的内容有关，即使你设置width和overflow:hidden，也是无效的。
3. width,height,垂直方向的margin和padding属性的设置对inline没有作用,但是line-height、垂直方向的margin和padding。可以扩充盒模型的范围，但是不会影响其他元素的盒模型位置。水平方向的margin\padding对inline元素有效。
4. 注意到源码之间的换行了么？inline元素对于源码间的换行敏感。换行会导致在渲染的时候出现一个间隙(ff下，ie不会)

这里有一个demo可以查看。这个demo做的太糟糕了。不看也罢

特别请注意，block元素可以包含block或者inline，但是反过来，inline元素不可以包含block