javascript - 绝对定位和 float

标签 javascript css

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

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

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

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

最佳答案

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

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

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

关于javascript - 绝对定位和 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5886632/

相关文章:

javascript - 我进行了 AJAX 调用,并且 jQuery 在调用后不再添加类

javascript - 如何创建一个具有许多其他对象功能别名的对象

javascript, ajax - 通过 ajax 通过 API 调用更新 HTML 页面

javascript - 如何动态应用 base64 编码的数据 uri?

ios - <错误> : CGAffineTransformInvert: singular matrix on PhoneGap app

javascript - Firebase update() 不是带有查询的函数

javascript - 使用 jQuery 生成的表填充输入字段

javascript - 简单的 JavaScript 游戏

jquery - owlCarousel 在 Prev 和 Next 上用动画反转幻灯片移动方向

css - CSS 文件上的 ExpressJs 404