我們經常在設計網站的導航部分的時候，如果想讓導航超鏈接hover顯示背景，但稍不注意，默認的inline會讓你抓狂，因為display:inline會將超鏈接顯示為內聯元素，即沒有寬和高的作用效果，這里無論你背景怎么設置，寬高都不會超出超鏈接的寬高范圍！所以我們可以使用 block 或 inline-block 來解決此問題！

display:block?? 此元素將顯示為塊級元素，此元素前后會帶有換行符。
display:inline-block 行內塊元素。（CSS2.1 新增的值）

當我們在<a>標簽里添加 display:block 或 display:inline-block 時，<a>標簽也就有了塊元素的一些特性，此時我們設置<a>標簽的寬高才會起作用，hover背景也才會有效果，不同的是，display:block 會讓元素前后帶上換行符，所以如果想讓導航元素在一行內顯示，則需要添加float屬性，完整的寫法如下：

<a?href="#"?style="display:?block;?float:left;">block</a>

而display:inline-block 則不需要float屬性，因為它的本身就是行內塊元素，寫法如下：

<a?href="#"?style="display:?inline-block;">block</a>