就是想作出和内容一样大的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/ 参考一下

关键字：“那些年，我们一起清的浮动”。