Question

我正在开发一个Web应用程序，我需要在页面右侧有一个能够调整大小的面板。我通过使用jQuery UI实现了这一点。但我的应用程序也需要使用Bootstrap，我认为这就是问题所在：当Itry调整大小时，它会向左移动一点。我不想要这种效果可以帮助我吗？

Fiddle

要调整大小的框是从右到左的红色框。

id  datum               i   seq
2   2016-01-01 00:30    15  1
3   2016-01-01 00:45    15  1
4   2016-01-01 01:00    15  1
7   2016-01-01 01:15    15  2
8   2016-01-01 01:30    15  2
9   2016-01-01 01:45    15  2
10  2016-01-01 02:00    15  3

Answer 1

Resizable-function失败，使用此css属性box-sizing:border-box，因为调整大小会忘记填充，此属性会将填充合并为宽度。

因此，每次开始调整大小时，调整大小都会减少填充，并使用此属性启动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/

使用Bootstrap jQuery可调整大小的div不需要的行为

1 个答案: