就是想作出和內容一樣大的block, 區塊元素。
像是如果div的內容全部浮動後，div就會『塌陷』到0高度。
因為div是block, 高度是由內容決定的。
全部浮動後就『沒有內容』了。
但一般的div的寬度都是100%, 也就是和父元素等寬；
當然也可以自己指定。
我是想作出寬度塌陷的區塊元素，也就是寬度由子元素決定的塊元素。
我發現只要`display: inline-block; `就可以了。
inline-block的寬度是由內容決定的。
樣式是用在讓figure的大小縮到和內容一樣。
因為我網站的側邊欄是用float的，會把img擠到右邊；
但figure還是100%，這時figcaption用`text-align: center; `會跑掉。
如果figure和img一樣大就沒這問題了。
小技巧分享給大家；
如有更好的解法也歡迎分享。

後面加個clear:both的div可撐開含float的divhttp://jsfiddle.net/Knuckles/mr14s95v/ 參考一下

關鍵字：「那些年，我們一起清的浮動」。