有一個(gè)有趣的現(xiàn)象就是當(dāng)為元素（不論之前是什么類型元素暴备，display:none 除外）設(shè)置以下 2 個(gè)句之一：
- position : absolute
- float : left 或 float:right
簡(jiǎn)單來(lái)說(shuō)拓巧，只要html代碼中出現(xiàn)以上兩句之一固该，元素的display顯示類型就會(huì)自動(dòng)變?yōu)橐?display:inline-block（塊狀元素）的方式顯示，當(dāng)然就可以設(shè)置元素的width 和 height 了计济，且默認(rèn)寬度不占滿父元素园细。
如下面的代碼，大家都知道 a 標(biāo)簽是 行內(nèi)元素颂龙，所以設(shè)置它的 width 是 沒(méi)有效果的习蓬，但是設(shè)置為 position:absolute 以后，就可以了措嵌。
<div class="container"> <a href="#" title="">進(jìn)入課程請(qǐng)單擊這里</a></div>
css代碼:
<style>.container a{ position:absolute; width:200px; background:#ccc;}</style>
內(nèi)聯(lián)塊狀元素（inline-block）就是同時(shí)具備內(nèi)聯(lián)元素躲叼、塊狀元素的特點(diǎn)，代碼display:inline-block
就是將元素設(shè)置為內(nèi)聯(lián)塊狀元素企巢。
(css2.1新增)枫慷，<img>、<input>標(biāo)簽就是這種內(nèi)聯(lián)塊狀標(biāo)簽浪规。
inline-block 元素特點(diǎn)：
1或听、和其他元素都在一行上；
2笋婿、元素的高度誉裆、寬度、行高以及頂和底邊距都可設(shè)置缸濒。
將內(nèi)聯(lián)元素 -----> 內(nèi)聯(lián)塊元素 (可以設(shè)置元素的高寬) 方法如下:
display:inline-block;position:absolute;float:left / right;
寫上上面三個(gè)中的其中之一就可以....然后就可以給內(nèi)聯(lián)塊元素設(shè)置高寬
(但是,上面三個(gè)的設(shè)置結(jié)果有所不同)
