css - 从屏幕左侧到居中 div 末端的线

Question

我想从屏幕左侧到居中的 div 末端制作一条 1 px 的线。div 以 margin: auto; 为中心。

这张图片显示了它的外观:

Answer 1

这是一个使用 calc 的例子:

.box{
    width:200px;
    height:200px;
    border:1px solid blue;
    margin:0 auto;
}

.line{
    border: 1px solid red;
    width: calc(((100% - 200px)/2) + 200px);
}

JSFiddle

Browser support