设置元素的margin-width和width以匹配另一个元素的margin和size

Question

我想制作一个菜单效果，例如下面的示例，其中HR标签用于在菜单项下创建滑动线效果。
但是在链接下的示例中，使用静态设置定位“移动”hr（请参阅实际示例的链接）：

http://codepen.io/rm/pen/ldhon

   .two:hover ~ hr {
     margin-left: 25%;
   }

我有一组构成我的网站菜单的图片，但这些图片是浮动的，我不知道他们在设计时的位置。因此，我需要修改上面的代码，使得至少margin-left匹配具有类 2 的元素（图像）的位置（如果可能的话），并且使用类两个将其宽度与元素的宽度相匹配。我怎么可能实现这一点，我是用css管理还是必须有jQuery代码？

Answer 1

如果将var app = {}; app.set_geolocation = function(driver_id, driver_location) { connection.connect(); connection.query('UPDATE drivers set ....', function (err) { /* do something */ }) connection.end(); } ... 的位置设置为绝对值，则可以使用jQuery设置其左偏移量和宽度：

hr

如果不对宽度进行硬编码，我认为你不能单独使用CSS。

CodePen