html - 在容器中心画线，而不是屏幕？

Question

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

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

这是小提琴：http: //jsfiddle.net/7Evzk/

score 0 · Accepted Answer

要回答您问题的这两个部分，将您的内容设置为position:relative;将停止覆盖您的页脚的分隔线，并且还将使其成为内容而不是窗口的中心：

score 0 · Accepted Answer

只需将父容器位置设置为相对，

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

2 回答 2