Css 全高div：使人造柱具有固定宽度

我有这样一个布局：

<div class='foo'>
    <div class='bar'>
        <div class='baz'>
            Content stuff...<br/>
            Content stuff...<br/>
            Content stuff...<br/>
            Content stuff...<br/>
        </div>
    </div>
</div>

---

。。。这是一种获得全高立柱的标准方法。但我还需要将

条
设置为固定宽度（在本例中为0px）。有没有办法让内容div，
baz
，保持原来的宽度（当
bar
具有自动宽度时），并且仍然保持
bar
全高？
仅使用CSS，我不这么认为；至少没有我想不起来的

为什么不在CSS中将宽度设置为自动，使用jQuery可以将宽度设置为变量，然后可以将宽度设置为0px

这样你就有了一个可以设置的变量

我说得通吗？
你说的“获得全高圆柱的标准方法”是什么意思？此列由其中的内容组成。“全高”是什么意思？作为参考，这项技术：是的。现在，我只是求助于JavaScript方法。这将是很好的找到一种方法来获得全高度的div的时候，你需要他们不仅仅是背景伪造。
.foo{
    position:absolute;
    left:20px;
    top:20px;
}
.bar{
    width:0px;
    border-left:1px solid blue;
    border-right:1px solid yellow;
}
.baz{
    padding-left:35px;
    padding-right:27px;
}