http://jsbin.com/zapovina/1
- 图片所在a使用了float，布局时强制为display:inline-block。
- float元素（实际等价于inline-block元素）布局等级与inline相同，在block元素之上。即：float元素不会与所在文档流inline元素重叠（同级inline元素会环绕float元素），但会覆盖在所在文档流block元素之上。
- 因此按钮作为block元素会被被float元素里的图片所覆盖。
- 啥？你说“确定”那俩字咋回事？呐，按钮本身是block元素没错，但里面的文字还是inline的。“确定”俩字不会和float元素重叠，所以其实它是被硬生生挤出来的。真可怜！
update：
第二条中float元素（实际等价于inline-block元素）布局等级与inline相同表述不严谨，领会主体思想即可。细究请看本回答的评论，@humphry 提供了明确简述和优质参考链接。