位置:固定，宽度:自动

Question

我正在尝试将一个灵活的列和元素与position:fixed相结合的布局。这个想法是有两列，第一列是position: fixed menu，第二列是内容和文本。我希望文本是position: fixed，所以最后唯一移动的是正确的内容问题是内容宽度，它会改变，所以我需要内容的宽度为自动，但当我将width:auto和position:fixed组合时，它不起作用。

我想我的解释还不够清楚，所以这里是代码：

HTML

<div class="pageWrap">
        <div class="colLeft">
            <nav>
                <ul>
                    <li>ELEMENT 1</li>
                    <li>ELEMENT 2</li>
                    <li>ELEMENT 3</li>
                </ul>
            </nav>
        </div>
        <div class="colContent">
            <div class="content">
<img width="300" height="200" alt="1" src="http://lorempixel.com/output/nightlife-q-g-300-200-4.jpg">
<img width="300" height="200" alt="1" src="http://lorempixel.com/output/nightlife-q-g-300-200-4.jpg">
<img width="300" height="200" alt="1" src="http://lorempixel.com/output/nightlife-q-g-300-200-4.jpg">
            </div>
            <aside>
                <p>Lorem ipsum dolor sit amet, consectetuer 
                adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. 
                Cum sociis natoque penatibus et magnis dis parturient 
                ridiculus mus. </p>        
            </aside>
        </div>
</div>

CSS

.pageWrap {
    width: 600px;
    height: 1000px;
    background-color: rgba(256, 0, 0, 0.5);
}
    .colLeft {
        width: 100px;
        float: left;
        height: 100px;
        background-color: rgba(0, 256, 0, 0.5);
    }
        nav{
            position:fixed;
            background-color: rgba(0, 256, 0, 0.5);
        }
    .colContent {
        width: 500px;
        float:left;
    }
        .content {
            float: left;
            width: auto;
        }
        aside {
            width: 200px;
            float:left;
            position:fixed;
        }

我想要[这个（JSFiddle）[http://jsfiddle.net/frMxW/2/]但是有了position:fixed，如果我想放更小的图像，那就把它放在没有间隙的内容旁边

知道我该怎么做吗？

非常感谢！

更新：我尝试过这个想法：将内容和旁白放在display:inline-block中，似乎在Chrome和Firefox中有效（如果我更改图像的宽度，旁白会保持不变），但它在Opera中不起作用，我无法在IE中尝试。以下是我的尝试：http://jsfiddle.net/9uGw4/7/

Answer 1

[更新]此解决方案适用于您吗？

我修复了<aside>和colLeft，内容的宽度设置为自动，两边都有边距。