三種簡歷
第一份簡歷難度不大，兩個三級標題之間的距離之間用了一個
解決了 
第二份簡歷還是遇到了一些問題，主要是左邊簡歷模塊，高度不能自適應，只是寫好了一個高度，並不能根據簡歷的長短自動調整。 
第三份簡歷難度也不大，還是比較好寫的。 這三個小練習寫完了，過程磕磕絆絆不是很流暢，有的東西不太熟悉，需要查一查才知道問題出在哪裏，怎樣解決。基礎還是不夠牢固。
在線預覽
https://catsbrother.github.io/ife2018/resume.html.
下面總結幾個小知識點：
BFC
形成 BFC 的條件 1、浮動元素，float 除 none 以外的值； 2、絕對定位元素，position（absolute，fixed）； 3、display 爲以下其中之一的值 inline-blocks，table-cells，table-captions； 4、overflow 除了 visible 以外的值（hidden，auto，scroll）
clear：both
寫代碼過程中發現有時候clear：both不管用，查了一下發現是這樣的 clear影響的永遠只是自己.沒法讓他人去哪兒.只會讓自己去哪兒. clear屬性只是在block元素是起作用，如果你把clear:both用在一個inline-block或inline元素上，clear:both是不會起任何作用的。 可以用after僞類來解決。 用div包裹inline-block元素，然後:after 選擇器在被選元素的內容後面插入內容（如下）即可解決問題 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
分欄高度自動相等
簡歷2 左側的一欄高度不能自適應，看了張旭鑫的博客學會了一個好方法， 主要思想是父元素 overflow：hidden 然後子元素設置 margin-bottom:-3000px; padding-bottom:3000px;
也就是設置一個遠遠大於高度的padding值，然後用負值的margin把padding抵消掉。 詳見：http://www.zhangxinxu.com/wordpress/2010/03/%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E4%BE%A7%E8%BE%B9%E6%A0%8F%E5%88%86%E6%A0%8F%E9%AB%98%E5%BA%A6%E8%87%AA%E5%8A%A8%E7%9B%B8%E7%AD%89/
readme怎樣插入圖片
順便解決了一下github readme怎樣添加圖片 首先將本地圖片放在文件夾並上傳至github，在readme中寫入 ! [簡歷1] (https://github.com/CatsBrother/ife2018/raw/master/readMeImg/resume1.png) //去掉空格 []內爲圖片文字描述， 然後是(https://github.com/用戶名/倉庫名/raw/master/圖片文件夾名/圖片名) 即可 readme可以自動將鏈接解析爲圖片並替代。