Css 创建一条无限的水平线

我想创建一个无限的水平div。但是，我不知道怎么做

有人能帮我做这件事作为起点吗

请看一看，了解这个无限水平div应该是什么

---

谢谢大家!

您可以使用1px高div设置为100%宽度：

 <div class="inf_line">
    &nbsp;
 </div>


.inf_line {width: 100%; height: 1px; background-color: #333; margin-bottom: 10px;}

.inf_行{宽度：100%；高度：1px；背景色：333；边距底部：10px；}

可能不是最优雅的方式，但这是一种方式。

我想你说的“无限”是指wiewport/窗口的末尾。你可以尝试一个绝对定位的元素

这将是一个覆盖，出现在正常文档流中的任何内容之上

html

<div id="line">&nbsp;</div>

---

演示地点：

请提供更多详细信息-水平线是否需要从右侧重新开始（即图中的#线），然后向右无限延伸？

#line {
    position: absolute;
    right: 0;
    margin-left: 100px;
    left: 50%; /* seeing as content is centered, make margin-left start at center of page */
    bottom: 10%;
    height: 20px;
    background-color: red;
}