我多次遇到过这个问题.仍然不知道是什么导致了这一点.
复制：
>打开http://jsbin.com/ibowed/1/edit
>在CSS面板中找到.l-search-index .top {@第26行
>更改边框：1px solid#ff0000;边界：0;
> whaaat？
浏览器：chrome,但我想你可以尝试其他任何..
请指教！
解决方法
这是折叠边距的一个非常不直观的情况：
CSS规范的§ 8.3.1解释了如何处理边距以及它们在何种情况下崩溃.规则不太容易理解(有几个特殊情况),但我引用了规范的相关部分：
In CSS,the adjoining margins of two or more Boxes (which might or
might not be siblings) can combine to form a single margin. Margins
that combine this way are said to collapse,and the resulting combined
margin is called a collapsed margin.Two margins are adjoining if and only if: no line Boxes,no clearance,no padding and no border separate them
(我强调)
因此,只要删除边框,元素的垂直边距就会崩溃.你的情况有点复杂,因为你的利润率为负.
