使用Less动态定位元素

Question

我有一个div（div1），它显示在另一个div（div2）的右侧和底部悬停（有点像工具提示）。当div2碰巧太靠近屏幕底部时，div1显然会离开屏幕（完全或部分）。有没有办法将div1定位到div2的顶部，具体取决于div2的位置，并使用Less，no JavaScript进行纯粹的操作。也许还有其他一些方法，但没有JavaScript。

谢谢。

Answer 1

使用纯css，目前无法实现。你仍然可以不用javascript做到这一点。但它会非常丑陋而且不可靠。所以考虑我的下一行更像是运动兴趣而不是实际建议。你可以做到这一点：

1. 在服务器端确定div2与html内容结尾之间的空间大小。确保从用户代理处获取尽可能多的客户端设备数据（如宽度和高度），并在计算中考虑它们。

2. 计算div1的大小。我认为这会更容易一些。

3. 生成适当的css