Question

我正在尝试制作类似于FB时间轴的东西，我需要在容器的中心创建一条线。问题是它是在屏幕中心创建线，而不是容器。我需要它以容器为中心，因为我在右侧有侧边栏，这意味着.timeline不在屏幕的中心。

我想要实现的是在容器中心创建像素完美的线条，即使我使用浏览器放大，也会保持在中心位置。

Answer 1

要回答问题的两个部分，将内容设置为position:relative;将停止覆盖页脚的分隔符，并使其成为内容而非窗口的核心：

Answer 2

只需将父容器位置设置为relative，

即可

.content{
 float: left;
 width: 870px;
 background-color: green;
 position: relative;
 height: 300px;
}