css - 创建无限水平线

Question

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

有人可以帮我用 this code 来做吗？作为起点？

请看this image了解这个无限水平的 div 应该是怎样的。

谢谢!

Answer 1

我假设“无限”是指到窗口/窗口的尽头。你可以试试绝对定位的元素；

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

html

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

CSS

#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;
}

演示地址:http://jsfiddle.net/PstWc/2/