塊 （block）對象默認寬度是100%（繼 承自父元素），如果塊對象沒有采用“float:left”或“float:right;” 的樣式，相鄰的兩個塊對象就會分排在不同的兩行上。哪怕只有30px,也會換一行。例如，<div>, <p>, <h1>, <form>, <ul>,<ol> 和 <li><blockquote>是塊元素的例子。
內 聯（inline）對象的寬度取決於其內部元素的寬度(width)與 填充(padding)值之和，不可直接指定其寬度與高度（但如果使用“display:block;” 或者“float:left/right;”樣式後,可 以強行轉換成塊對象,此時可以定義），相鄰的兩個內聯對象會排在同一行上,不 會從新行開始。例如：<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元 素的例子。
(1)塊裏可以含行.也 就是div塊裏可以有span;
(2)但是內聯元素內不能包含塊 元素;
(3)內聯存在margin-left和margin-right,但 沒有margin-top和margin-bottom,也 不具有width/height。
(4)而塊元素具有高,寬,margin等 等;
(5) 內聯元素可以通過改變它 的display屬性來變成塊,來具有塊的 屬性。
如:
a{
background:#FF6600;
display:block; /* */
width:100px;
height:100px;
}
塊對象默認寬度是100%（繼承自父元素），如果沒有采用 “float:left/right;”樣式，相鄰的兩個塊對象就會分排在不同的兩行上。
內聯對象的寬度取決於其內部元素的寬度與 padding樣式值之和，不可直接指定其寬度與高度（“display:block;”、“float:left/right;”強行轉換後可以定 義），相鄰的兩個內聯對象會排在同一行上。
]
什麼是內聯對象，什麼是塊對 象？css
<DIV style="FONT-SIZE: 12px">什麼是內聯對象，什麼是塊對象？
所 有可視的文檔對象都是塊對象(block element)或者內聯對象(inline element)。例如， div 是一個塊對象，span 是一個內聯對象。
塊對象的特徵是從新的一行開始且能包含其他塊對象和內聯對象。從新的一行開始：比如div就是前後斷行；
內聯對 象被呈遞時不會從新行開始，能夠包含其他內聯對象和數據。內聯可以這樣理解：不從新的一行開始，直接從內容裏面，接着往後走。。。是指它能被別的對象內 聯。。。。
==========================
相關信息參考：css display參數
block : CSS1 塊對象的默認值。將對象強制作爲塊對象呈遞，爲對象之後添加新行
none : CSS1 隱藏對象。與 visibility 屬性的hidden值不同，其不爲被隱藏的對象保留其物理空間（頁面物理尺寸大小空間）
inline : CSS1 內聯對象的默認值。將對象強制作爲內聯對象呈遞，從對象中刪除行
改變此屬性值（即：display）對其周圍內 容佈局的影響可能是：
在屬性值設爲 block 的對象後面添加新行。
從屬性值設爲 inline 的對象中刪除一行。
隱 藏屬性值設爲 none 的對象並釋放其在文檔中的物理空間(頁面物理尺寸大小空間)。</DIV>
<style type="text/css" >
div
{
width:100px;
height:100px;
background-color:red;
}
a
{
width:100px;
height:100px;
background-color:red;
}
.inlinediv
{
display:inline;
}
.blocka
{
display:block;
}
</style>
兩個連續的塊對象
<div>div1</div>
<div style="background-color:Blue;">div2</div>
兩個連續的內聯對象
<a>a1</a>
<a style="background-color:Blue;">a2</a>
<br />
兩個特定格式的塊對象（轉化爲內聯對象）
<div class="inlinediv">inline div1</div>
<div class="inlinediv" style="background-color:Blue;">inline div2</div>
<br />
兩個特定格式的內聯對象(轉化爲塊對象)
<a class="blocka">a1</a>
<a class="blocka" style="background-color:Blue;">a2</a>