Q1：設(shè)置的高度是50px，設(shè)置的line-height一樣，已經(jīng)清楚了浮動，但是字體不垂直居中，難道是字體本身的原因嗎，望解答。

Q2：如果不設(shè)置父容器a為block元素的話，icon和黃色背景都會被擠到下面，a是相對定位，黃色背景和icon都是絕對定位，按理來說，應(yīng)該是不受a和文檔流中的圖片影響才對呀。?

不明白為什么需要將a設(shè)置為相對定位和block。

A：經(jīng)過同學(xué)的耐心解答，原因是因為icon和背景都已經(jīng)脫離了文檔流，不設(shè)置a為塊元素的話會塌陷。（最開始我看到這么窄，也想到了父容器塌陷，但是還在納悶沒有浮動為什么還會塌陷）

Q3:加號hover以及timeline的畫法

A：其實一開始我是沒有什么思路的，今天狀態(tài)不好，包括上面的icon可以cover在封面也是借鑒別人的才知道什么思路。

加號hover：六個li，float后，三個一行，將img、div（黃色背景）、icon，裝在一個<a>標簽里面，然后a設(shè)置為相對定位和block，img打底所以也是相對定位，背景和icon設(shè)置為絕對定位，設(shè)置成透明，大小自己調(diào)整，之后當(dāng)a:hover時，兩者透明度增強，icon的z-index加一。

timeline：其實之前的圓形圖標配文字也是個難點。需要將兩者分開包裝到div中，然后文字浮動，圖片絕對定位到中間。然后在ul外增加兩個div，一個作為坐標軸，設(shè)置成相對定位，另一個為時間線，設(shè)置成絕對定位，z-index：-1.這里注意坐標軸的div包含整個ul，時間線的div只占滿一行，這里吧時間線的div也包含了ul，結(jié)果就會出現(xiàn)如下錯誤。

調(diào)了半天。。。最后在第n次審視別人的git時才發(fā)現(xiàn)，之后恍然大悟。。。調(diào)這個bug的思路，一直以為是自己的浮動沒有清除好，所以沒找出來。。。。

還有一個上午遇到的問題，似乎是中文輸入法敲進去的字母（不太確定，不過拼寫沒有錯，重新敲一遍就好使了），會造成選擇器不識別，所以樣式一致無法設(shè)置。。。。。弄了一上午，非常蛋疼。

最后的這個表單，各種按鈕什么的都是按照相對定位來調(diào)整的，也不知道是不是自己設(shè)置錯了才需要這么調(diào)整。。。。總感覺用定位來調(diào)整有一種治標不治本的樣子。

哦，這個的background的用法是借鑒同學(xué)的

<pre>

background: url(../img/map-image.png) #222 no-repeat center 25px;

</pre>

最后footer部分直接浮動沒好使，想用個圣杯布局，結(jié)果也悲劇了，和想象圣杯布局不一樣，右邊的鏈接無法靠右。。。。只能再考定位調(diào)整。。

問題就是什么時候判斷是應(yīng)該用定位，什么時候是自己沒設(shè)置好，用定位亡羊補牢呢。。。