全高div：使仿柱具有固定宽度

Question

我有这样的布局：

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

使用CSS如此：

.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;
}

......获得全高柱的非常标准的方法。但是我还需要bar作为固定宽度（在这种情况下为0px）。是否有办法让内容div baz具有旧的宽度（当bar具有自动宽度时），并且仍保持bar全高？

Answer 1

单独使用CSS，我不这么认为;至少没有我想不到的。

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

这样你就可以设置一个变量，你可以将.baz设置为。

我有道理吗？