如何修复此网页布局？

Question

我今天一直在处理一个 Web 布局，其中包含一个静态列和一个流体列。

我的问题是代码突然坏了（我不知道为什么），现在它浮动不正确。

我的结构是这样的：

    <div class="side-wrap">
        <div class="side">
            <div class="side-menu">
                <ul>
                    <li class="brand"><a href="#">ProbabilityWolf</a></li>
                    <li class="active"><a href="#">Home<span>&raquo;</span></a></li>
                    <li><a href="#">About<span>&raquo;</span></a></li>
                    <li><a href="#">Contact<span>&raquo;</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="page-wrap">
        <div class="page"> 
        </div>
    </div>

我在外部发布 CSS 是因为它有很多。 这是我的代码（和网站）：http://jsfiddle.net/QTbtA/

既然我一直在问，有没有办法改进我的布局以使其更好地工作？我是在脑海中写出来的，在流体布局方面我是初学者。

编辑：我现在已经解决了这个问题，但我们将不胜感激。

Answer 1

如果我理解你的正确 - 如果我从你的 .side-wrap 类中删除 margin-right:400px ，它在 Chrome 中对我有用。

这是更新后的jsfiddle。我希望它能达到你想要的效果。