元素摇晃/振动随着其他值随输入而变化

Question

我有滑块和一些输出框来显示这些滑块的值。当用户移动滑块并且值改变时，页面的其余部分移动/摇动以适应值的大小的新（非常轻微）增加。防止这种情况的最佳方法是什么？我尝试过使用带有填充物的容器但是这只是＆＃34;添加＆＃34;价值大小，一切都在摇摇欲坠。

这里有滑块顶部的动作：www.cherb.co.uk/map

干杯

Answer 1

这是可行的。在CSS中添加display：block to class slider。

.slider {
    -webkit-appearance: none;
    width: 90px;
    height: 10px;
    background: white;
    display: block;
}