相对于SCREEN和COL div定位div

Question

我很长时间都在努力，但是......没有运气。 问题本身有点简单。

我需要做一个div开始在屏幕的左侧，并在年底结束col-xx-x DIV，这又是一个内部row格，这又是一个内部的container股利。

我已经用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%;
}