块级元素和内联元素

1.内联元素和块级元素的关系：

任何不是块级元素的可见元素都是内联元素，使用display：block将行内元素转换成块元素。

2.内联元素和块级元素的区别：

1）块级元素：一般都从新行开始，它可以容纳内联元素和其他块元素。注：<p>标签不可以嵌套<div>
可以通过css更改块级元素的浮动方式，改变页面的布局。每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动。




2）内联元素：只能容纳文本或者其他内联元素




3）可变元素：需要根据上下文关系确定该元素是块元素或者内联元素。





参考：http://www.nowamagic.net/csszone/css_BlockInline.php
http://zhangyaochun.iteye.com/blog/1303840