Question

我发现这个很棒的.js叫做kinetic。我现在一直在搞乱html，css，并且无法将容器设置为全屏。

我已将所有父母设置为100％高度，并尝试了全屏jQuery。不幸的是仍然没有运气。

为了便于阅读，我尽可能地配对代码。正如你所看到的，我已经将高度设置为400px，因为它只会变得疯狂。如果我还能提供其他任何支持，请不要犹豫。

作为第二个请求，任何人都知道如何将边框设置为内部。或者确保宽度与边框完全吻合？

Answer 1

您可以绝对定位#wrapper div并使用top, right, bottom, left属性向所有方向展开，如下所示：

<强> CSS

#wrapper {
    border: 5px solid #000000;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

使用此方法，边框可以很好地定位，但是如果要将它们放在容器中，可以将边框样式设置为inset而不是solid。此外，您的控制按钮将消失，以便让它们弹出到您的图像前面，只需将它们设置为position:relative并为它们提供一个大的z-index，以便它们显示在其他所有内容之上。