我正在使用Web应用程序，并且需要在页面右侧设置一个能够调整大小的面板。我已经通过使用jQuery UI做到了这一点。但是我的应用程序还需要使用Bootstrap，这就是问题所在：当Itry调整其大小时，它会向左移动一点。我不希望这种效果有人可以帮助我吗？
要调整大小的框是从右到左的红色框。
$('.move').resizable({handles: 'w'});
可调整box-sizing:border-box大小功能在使用此css属性时会失败，因为在调整大小时会忘记填充，并且此属性会将填充合并为宽度。
因此，在调整大小时，每次您开始调整大小时，它都会减少填充，并且bootstrap css使用此属性。
用这个 box-sizing:content-box
.move{
position: absolute;
width: 20%;
height: 200px;
bottom: 0;
right: 0;
border: 5px solid #f00;
margin-right: 0;
box-sizing:content-box
}
这将覆盖此元素上的默认引导CSS，并且可调整大小的功能将正常工作。
参见小提琴：https : //jsfiddle.net/DTcHh/23283/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句