Html hr应比div长（宽）

我有一个网页，当页面显示在平板电脑上时，我使用

标签来分离内容。它看起来像这样：

在红色矩形处，该行应继续。然而，事实并非如此。为了让

持续到页面边框，我必须在html/css中更改什么

页面如下： 请注意，将浏览器宽度重新设置为至少811px，以便显示水平线

谢谢你的帮助

更新：

的css是

hr {
  height: 0;
  border: none;
  border-bottom: 1px solid #c1c1c1;
  margin-bottom: 1.5em;
  background: none;
}

分配器移动

类的css为：

.divider-mobile {
  margin-top: 3.125em;
  margin-bottom: 3.125em;
  overflow: visible;
  border: none;
  color: #888888;
  background-color: #888888;
  height: 1px;
  width: 150%;
  margin-left: -25%;
}

在html中，我是这样使用它的：

<hr class="divider-mobile">

在CSS中，您有：

#filmcontent {
  overflow-x: hidden;
}

这将防止

上的负边距进入页面边缘

您还需要删除

宽度：150%和
左边的边距：25%
在
上，取而代之的是

margin-left: -20px;
margin-right: -20px;

（其中20px等于
#content.entry content
上的填充）

这会给你带来你想要的效果
 请在您的问题中发布完整的代码示例。具体来说，你的HTML和CSS。代码可以看：-似乎伸展得太多了：）这不是底部边框的作用吗？嗯，是的。但仍然在我的网页上（）它不起作用。。。显然，还有其他因素影响着它。见截图。但是，我找不到它是什么..嗯，快到了。我现在按照您所说的，设置
marginleft
和
marginright
。我还删除了
上的
宽度。我还删除了
溢出-x:hidden
。但是，
根本不显示。我必须再次添加
width:100%
以使其再次出现。当然，那就太短了。。此外，它似乎忽略了边距（请参见此处
顶部的橙色区域：）我非常感谢您的再次尝试。谢谢我玩得更多了，现在它可以工作了。基本上就像你建议的那样。非常感谢您的帮助（与我最初的问题上令人恼火的评论形成鲜明对比！）