javascript - 绝对定位和 float

Question

我有一个非常不寻常的布局，我正试图让它成为现实。有一个 div 包含，为了争论，需要固定在距包装器左侧和顶部 200px 的位置。

然后我有一组方形图像，它们将全部 float 并继续到浏览器窗口的边缘，并环绕绝对定位的 div。我知道绝对定位会将 div 从文档流中移除，这意味着我想不出一个简单的解决方案。

有没有人找到解决此类问题的方法？可能使用 javascript？

编辑:这是粗略的布局:link

Answer 1

我猜你想要更大的灵 active ，但为了以防万一，如果你的设计是合理固定的，你可以只使用 3 列(容器 div)并按列排序。

如果您的 html 是固定的，您可以使用 javascript，但我不知道有任何现成的解决方案。

我可能会使用 javascript 做一些数学运算，并在黑框后面的正确位置注入(inject)虚拟图像/元素(保持黑框绝对定位)。您也可以在服务器端执行此操作。