CSS调试渲染前后不一样

CSS debug is not the same before and after rendering

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

chrome 中的右箭头如您所见 here

但是当我用调试器调试它并检查 float on/off 时,它又回到了它应该在的地方...

所以问题是,问题是什么? CSS、浏览器、调试器系统(mac?)或HTML...如果需要您的灯!...在此先感谢

您需要清除浮动

尝试添加

float: clear;

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

或....

不要使用浮动,你会明白为什么要全部使用浮动

display: inline-block;

我会收到关于那个的负面评论,但说真的,它更容易、更可靠。如果全部 inline-block 的项目都适合该行,那么它们将留在该行中

是的,这不是很直观,但是,请尝试以下两种方法之一,这两种方法都会为您解决问题:

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

将 "fg" div 移到 bx-wrapper div 之前。