有一個有趣的現(xiàn)象就是當為元素（不論之前是什么類型元素，display:none 除外）設(shè)置以下 2 個句之一：
1. position : absolute
2. float : left 或 float:right
簡單來說，只要html代碼中出現(xiàn)以上兩句之一，元素的display顯示類型就會自動變?yōu)橐?nbsp;display:inline-block（塊狀元素）的方式顯示，當然就可以設(shè)置元素的 width 和 height 了，且默認寬度不占滿父元素。
如下面的代碼，小伙伴們都知道 a 標簽是 行內(nèi)元素 ，所以設(shè)置它的 width 是 沒有效果的，但是設(shè)置為 position:absolute 以后，就可以了。
<div class="container"> <a href="#" title="">這里是單行文字。</a> </div>
css代碼
<style>
.container a{
position:absolute;
width:300px;
height: 200px;
background:#ccc;
text-align: center;
line-height: 200px;
}
</style>
與display相關(guān)的文章：
text-align:center與display:inline組合塊居中，多個行內(nèi)元素/塊狀元素居中方法