块级元素和行内元素（内联元素）区别

在标准文档流里面，

块级元素具有以下特点：

总是在新行上开始，占据一整行；

高度，行高以及外边距和内边距都可控制；

宽度始终是与浏览器宽度一样，与内容无关；

可以容纳行内元素和其它块级元素；

div这样的块级元素，会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整其样式。

行内元素特点：

和其他元素都在一行上；

高，行高，以及外边距和内边距部分可改变；

宽度只与内容有关；

行内元素只能容纳文本或者其它行内元素；

不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在IE6中不对上下起作用，只能对左右起作用；

像“span”、“a”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此对其设置高度、宽度、内外边距（垂直方向）等属性都是无效的。