css - 全高 div : make faux column have a fixed width

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 的变量。

我说得有道理吗？