jQuery Show Div 清除 <li>

Question

我正在努力做到这一点，以便当您单击此 page 上的图像时，下拉菜单将清除第二行图像。

我有一个

clear:both; 

&

float:left 

在.superbox-show

但它仍然没有清除第二行并在显示 onclick 时推送下面的图像。理想情况下，如果有意义的话，我希望所有.superbox-show div 都显示在行下的同一位置，将所有图像向下推。

Answer 1

您正在使用 transform css 属性按绝对位置定位图像。

这意味着图像的定位独立于任何浮动，浮动清除不会影响它们的定位。

要解决此问题，请使用align: left 定位您的图像。然后，当您使用 clear:both 在图像之间插入一个项目时，它将导致您的图像从新行恢复。

不推荐： 或者，当您显示对话框时，您需要更改 .superbox-show 之后所有图像的 transform css 属性。