相对于 SCREEN 和 COL div 定位 div

Question

我正在尝试这样做很长时间，但是......没有运气。这个问题本身有点简单。

我需要创建一个 div，从屏幕左侧开始并在 col-xx-x div 的末尾结束，而 row div 又位于 container div 中。

我已经用 jQuery 完成了它，但我正在寻找一种只使用 HTML 和 CSS 的方法。

我制作了一张图片以便更好地理解：

（红色方块是我想要的div，但很明显）

注意：请注意，在我的图像上，我使用了 col-md-6 div，但 col 是不确定的 (col-xx-x)，我仅使用 6 来绘制。

这里是使用 jQuery 的代码：

https://fiddle.jshell.net/b8xcp6j7/

Answer 1

您可以将.box元素width调整为200%，将position设置为relative，left调整为-100%

.box {
  width: 200%;
  border: 4px solid red;
  padding: 15px;
  position:relative;
  left:-100%;
}

jsfiddle https://fiddle.jshell.net/6a0uac4y/2/