裁切 BUG(Guillotine Bug)现象:浮动元素内某些链接 hover 时,该元素的底部会被砍掉。
详细介绍:http://www.positioniseverything.net/explorer/guillotine.html
触发条件:
- 一个容器元素;
- 在容器内有一个没有被清楚浮动的浮动元素;
- 非浮动的内容在浮动元素之后,并且容器内包含链接;
- 那些链接的a:hover样式改变某些属性;
- 只出现在IE浏览器。
参考文档:
http://www.planabc.net/2007/03/02/guillotine_bug/