隱性改變display類型

有一個有趣的現象就是當為元素（不論之前是什麼類型元素，display:none 除外）設置以下 2 個句之一：

position : absolute
float : left 或 float:right
元素會自動變為以 display:inline-block 的方式顯示，當然就可以設置元素的 width 和 height 了且預設寬度不占滿父元素。

如下麵的代碼，小伙伴們都知道 a 標簽是行內元素，所以設置它的 width 是 沒有效果的，但是設置為 position:absolute 以後，就可以了。

 1 html代碼：
 2 <div class="container">
 3    <a href="#" title="">進入課程請單擊這裡</a>
 4 </div>
 5 
 6 css代碼
 7 <style>
 8    .container a{
 9         position:absolute;
10         width:200px;
11         background:#ccc;
12    }
13 </style>