javascript - 相对于 SCREEN 和 COL div 定位一个 div

Question

我很长时间都在尝试这样做，但是……运气不好。这个问题本身有点简单。

我需要制作一个从屏幕左侧开始到 col-xx-x div 结尾的 div，它又位于 row div，它又位于 container div 中。

我已经用 jQuery 做到了，但我正在寻找一种只使用 HTML 和 CSS 来做到这一点的方法。

为了更好的理解我做了一张图:

(红色方 block 是我想要的div，但是很明显)

注意:请注意，在我的图像上我使用了 col-md-6 div，但是 col 是不确定的 (col-xx-x)，我使用了 6只画画。

这是一个使用 jQuery 的代码:

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

Answer 1

可以调整.box元素的width为200%，设置position为relative，左到-100%

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

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