Question

我有一组用于登录，注册，userprofile，editprofile和注销的彩色框，宽度不同。我正在使用外部div，它们不是内联和iframe。当用户单击按钮时，每个颜色框都会打开。

我遇到的问题是第一个colobox在页面中间垂直打开。但是从下一个颜色框中，colorbox jquery会自动指定一个左侧位置，使新颜色框向左或向右滑动。如何解决这个问题。

例： Div1的宽度为400px，Div2的宽度为500px，Div3的宽度为600px。

如果Div1首先在彩色框中打开，则整个颜色框位于页面中间，左侧设置为330px。当我点击Div1中的链接打开Div2时。然后左边的位置设置为330px，颜色框向右移动。如果我打开另一个Div说宽度为200px的Div4，则颜色框从页面中间向左移动。

所有彩盒都完美调整大小。我对他们的立场只有问题。当彩盒跳到不同的位置时，它看起来非常糟糕。

这是我的Colorbox JQuery

这是CSS

在HTML中，链接类似于

<a class="div1 cboxElement" href="div1.php">Div1</a>

我通过使用

在javascript中调用此div

<script>
    $(document).ready(function(){
    $(".div1").colorbox();
});
</script>