css中的内联对象与块对象

在用CSS做页面的时候，我们总是会想到块对象和内联对象，那到底指的是什么呢？
为什么说加上float或display：block就是块对象了呢？

块对象默认宽度是100%（继承自父元素），如果没有采用“float:left/right;”样式，相邻的两个块对象就会分排在不同的两行上。

内联对象的宽度取决于其内部元素的宽度与padding样式值之和，不可直接指定其宽度与高度（“display:block;”、“float:left/right;”强行转换后可以定义），相邻的两个内联对象会排在同一行上。

   
从这两点就应该可以看出来块对象和内联对象两者的区别，关于为什么加上float就成为块对象了，是因为float默认的就是display：block; display:inline是表示内联对象；display:block表示块对象。

以下更清楚的告诉你两者的区别：

什么是内联对象，什么是块对象？

所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如， div 是一个块对象，span 是一个内联对象。

块对象的特征是从新的一行开始且能包含其他块对象和内联对象。从新的一行开始：比如div就是前后断行；
内联对象被呈递时不会从新行开始，能够包含其他内联对象和数据。内联可以这样理解：不从新的一行开始，直接从内容里面，接着往后走。。。是指它能被别的对象内联。。。。