我刚开始使用CSS ....我正在干涉你可以在这里找到的代码： http://www.w3schools.com/css/tryit.asp?filename=trycss_float_clear
根据我的理解，保证金崩溃是两个保证金（垂直）中较大的保证金 但在这种情况下，.text_line和图像之间的下边距变为2px而不是5px，这是两个边距中的较小者，为什么会这样？
<。>在.text_line中，如果你删除 -边距：2px的;
然后保证金变为5px这是正常的。
我认为“清楚：两者都是;”与它有关，但只删除clear属性也提供了2px的余量而不是5px。
为什么???
如果您不想访问该链接，请提供代码...
.thumbnail
{
float:left;
width:110px;
height:90px;
margin:5px;
}
.text_line
{
clear:both;
margin-bottom:2px;
}
类缩略图用于图像，text_line用于
答案 0 :(得分：0)
不是2px，而是7px。如果将背景颜色设置为.text_line，则可以看到此内容。根据{{3}}，浮动框的边距不会崩溃（参见第二个注释）。
答案 1 :(得分：0)
边距没有崩溃。当您禁用margin-bottom时，您真正看到的是边距返回到浏览器默认，这对我来说远远大于最初给出的2px。
如果您将* { margin: 0; padding: 0; }添加到CSS的顶部，您应该会看到更接近您期望的行为。
尝试使用Firebug，这样可以有选择地禁用样式。它应该可以帮助您了解边距的实际情况。