问添加css边框-在div中右加

EN

如何使用javascript在特定位置后添加css border-right。例如：

<div id="test"></div>

<style>
  #test {
    background-color : red;
    height : 30px;
    width : 200px;
  }
</style>

我们可以使用javascript添加css样式，但是如果我想在css border-right之后添加100px in #test，那么我如何才能做到这一点。与示例http://jsfiddle.net/zUxmd/1/一样，我使用javascript添加了css边框，但是如果我想在特定的px value之后添加它，我如何才能这样做。任何帮助都会很好。

更新: I有以下div结构

<div id=test>
 <div id="1"></div>
 <div id="2"></div>
<div>

#1和#2的宽度在javascript中计算，宽度之和设置为#test。现在假设总宽度为188px，我想要直观地区分100px在哪里，就像tom准备的演示http://jsfiddle.net/zUxmd/2/一样。这在任何方面都有可能就像在那个位置添加标记一样。但我不想增加任何额外的虚拟div。

编辑: -- david提供的演示http://jsfiddle.net/davidThomas/zUxmd/7/ --正是我想要的。任何更好的主意都将不胜感激。