块级元素和行内元素是布局最基本的两种元素，我们都知道常见的块级元素有div,p,form,ul,li等，行内元素有span，strong，em等，以下是这两者的区别：
块级元素：
- 它会独占一行，在默认情况下，其宽度自动填满其父元素的宽度；
- 块级元素可以设置width、height属性；
- 块级元素即使设置了宽度也是独占一行，可以设置margin、padding属性；
行内元素：
- 行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到行排不下，就自动换行，其宽度随内容而变化；
- 行内元素的width、height属性则无效；
- 行内元素的margin、padding属性很奇怪，水平方向的padding-left、padding-rigtht、margin-left、padding-right有效，但是竖直方向的padding-top、padding-bottom、margin-top、margin-bottom无效。