相对于SCREEN定位div和COL div

Question

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

我需要在屏幕的左侧开始一个div，然后在col-xx-x div的末尾结束，而div又在row div内，而div又位于container div内{1}} 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/