根據CSS規範的規定，每一個網頁元素都有一個display屬性，用於確定該元素的型別，每一個元素都有預設的display屬性值，比如div元素，它的預設display屬性值為“block”，成為“塊級”元素(block-level)；而span元素的預設display屬性值為“inline”，稱為“行內”元素。

塊級元素：

動佔據一定矩形空間，可以透過設定高度、寬度、內外邊距等屬性，來調整的這個矩形的樣子；

行內元素：

自己的獨立空間，它是依附於其他塊級元素存在的，因此，對行內元素設定高度、寬度、內外邊距等屬性，都是無效的。

例子：

連結a元素，在預設情況下是是“行內元素”，因此對a元素設定高度、寬度等屬性，都是無效的。而比如div，p，li，img等預設情況下的display屬性值就是“block”。所以對於連結a來說只能這樣：display:block;強制將它改成塊元素。

看完概念看程式碼：

CodehighlightingproducedbyActiproCodeHighlighter(freeware)http://www.CodeHighlighter.com/--><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<style>

span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}

</style>

<divstyle="background-color:#F60">Div預設為block</div>

<spanstyle="display:block;">加了block屬性</span>

<spanstyle="display:block;">加了block屬性</span>

<spanstyle="display:block;">加了block屬性</span>

<span>沒加block屬性</span>

<span>沒加block屬性</span>

<span>沒加block屬性</span>