Html 如何使div保持500%但仍处于中心位置

我有一个像b一样的形象

我想在底部画一条无限长的线，所以不管是什么屏幕，这条线都会填满屏幕的宽度

我裁剪了我的图像，并将其设置到div的底部，这样我就可以使用boarder，但当我使用

.row2{
  position: absolute;
  width:500%;
  overflow: hidden;
}

div似乎向右延伸510%，而不是向左延伸250，向右延伸250，并保持我的图像大小不变（它还将我的图像移动到div的中心，远离屏幕）

这是我的html：

 <div class="row row2">
   <div class="col-xl-12 hscentertext" style="">
      <img src="assets/img/25k.png" class="img-fluid center-block text-xl-center" alt="Responsive image"> 
    </div>
 </div>

---

我正在使用引导。提前感谢。

无需使用

位置：绝对为此：


html，正文{
背景：红色；
保证金：0；
填充：0；
}
.row2{
宽度：100%；
边框底部：1px纯白；
}
.row2.hscentertext{
文本对齐：居中；
}
由于您没有提供图像，我重新制作了一张：为下面的片段切割边缘：


.myimg{
背景色：#D52226；
/*划清界限*/
背景图像：线性渐变（至顶部，透明3px，白色3px，白色5px，透明5px）；
}

该div具有
位置：绝对
因此它将基于
左侧
和
右侧
，尝试使用
左侧：50%
可以保持您的div中心，这是因为引导中的
行
类在默认情况下在两侧提供边距，它不会扩展到100%宽度。尝试使用
row fluid
class代替为什么需要500%，这完全是胡说八道。“无限线”你也可以用100%的液体容器来实现。问题是它在里面。如果它在一个巨型机器人里面为什么会有问题？你不能把它也做100%宽吗。我认为，如果你必须使用position:absolute，你应该修改html结构；为了这个。你能摆弄一下整个页面结构吗？没问题，但我要重复我在评论中说的话。如果你使用位置：绝对；对于类似的内容，您可能应该修改html结构。