css - 使用 Less 动态定位元素

标签 css less

我有一个 div (div1),当另一个 div (div2) 悬停在它的右侧和底部时(有点像工具提示)。当 div2 碰巧太靠近屏幕底部时,div1 显然会离开屏幕(完全或部分)。有没有一种方法可以根据 div2 的位置将 div1 定位到 div2 的顶部,并且完全使用 Less 而不是 JavaScript。也许还有其他方式,但没有 JavaScript。

谢谢。

最佳答案

目前使用纯 css 是不可能的。你仍然可以在没有 javascript 的情况下做到这一点。但是会很丑,不靠谱。因此,请考虑我的下一行更像是运动兴趣而不是实际建议。比你可以实现它:

  1. 在服务器端确定 div2 和 html 内容末尾之间有多少空间。确保从客户端设备以某种方式从用户代理获取尽可能多的数据(例如宽度和高度),并在您的计算中考虑它们。

  2. 计算您的 div1 的大小。我想这会容易一些。

  3. 生成合适的 css

关于css - 使用 Less 动态定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29395115/

相关文章:

html - 使用表单处理多列/复杂列的标准和最佳实践

twitter-bootstrap - 如何使用 LESSCSS 变量自定义 Twitter Bootstrap 的 CSS?

css - 使用 less-css 常量来避免手动魔术常量 - 总是,还是仅在简单的情况下?

html - 新行上的组件将保持其 margin-left,导致 css 中的丑陋结果

php - 在网页上打印表格数据的库

css - 脚本能否将网站颜色转换为在多个设备上保持一致?

jQuery 链接未按预期运行

javascript - Webpack 2 背景图像相对路径不起作用

javascript - 将 JSON 对象传递给远程 LESS 编译器以用作 LESS 变量

node.js - 如何在我的 Node.js 项目中自动执行编译前端框架(如 Twitter Bootstrap)的任务?