渲染前后CSS调试不同

Question

我有一个网站，在这里，我建立了HERE

右箭头，铬，是低，你可以看到在这里

但是当我用调试器调试它并检查float on / off时，它又恢复到应该的位置...

所以问题是，出什么问题了？ CSS，浏览器，调试器，系统（mac？）或HTML ...如果需要您的帮助！...在此先感谢

Answer 1

你需要清除浮子

尝试添加

float: clear;

当您取消选中然后自行检查它正在清除时发生了什么

要么....

不要使用花车，你会明白为什么要把它们全部

display: inline-block;

我将对此发表负面评论，但说真的，这是如此容易和可靠。 如果所有行inline-block适合该行，则它们将保留在该行中

Answer 2

是的，这不是很直观，但是，请尝试以下两种方法之一，这两种方法都可以为您解决：

将float:left添加到.bx-wrapper，然后使所有元素都浮动。

要么

将“ fg” div移到bx-wrapper div之前。