无论屏幕分辨率如何，如何制作从特定点到右边的条带？

Question

我打算有一个带有图像的标题，我可以从大约中间开始重复（浮动：左边;定位它），我希望无论屏幕分辨率如何，它都能到达正确的边缘到目前为止：

<div id="strip"></div>

的CSS：

#strip{width:1px;height:302px;background:url('repeat.png') 0 0 repeat-x;float:left;}

任何想法如何实现这一目标？

Answer 1

试试这个（我改变了Aniket的小提琴）

添加了css：

body {overflow-x:hidden}
#strip {margin-left:50%}

演示：http://jsfiddle.net/426LB/4/

Answer 2

div#strip {
    border: 1px solid black;
    height: 20px;
    margin-left: 50%;
}

Div是一个块元素，会自动尝试填充所有可用的宽度。

JSFiddle：Link

Answer 3

是这样的吗？

http://jsfiddle.net/aniketpant/426LB/

只需要将宽度设置为100％即可。