隱性改變display類型，隱性display類型

隱性改變display類型，隱性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>