改变绝对定位div的宽度

时间:2014-07-23 11:23:54

标签: html css

我正在研究一个滑块。当用户移动滑块时,我的div会扩展到另一个div。我通过更改width的{​​{1}}和left样式属性来执行此操作。例如,当页面加载时,div看起来像这样:

div

当用户移动滑块时,<div class="vr" style="left: 100%; width: 0%;"></div> left样式属性会动态更改,因此它看起来像这样:

width

但是,无论如何都要扩展此<div class="vr" style="left: 85.1859753886784%; width: 14.8140246113216%;"></div> 而不更改div,只更改width样式属性?例如,通过将left属性始终保持为0并更改right样式属性,left是否可以展开?例如。类似的东西:

div

从我的实验中,只有在用户移动滑块时设置<div class="vr" style="left: 85.1859753886784%; right:0;"></div> 时才会展开...

0 个答案:

没有答案