如何修复此网页布局?

时间:2013-05-14 10:00:12

标签: html css layout responsive-design fluid-layout

我有一个网页布局,我今天一直在使用一个静态柱和一个流体柱。

我的问题是代码突然崩溃了(我不知道为什么),而且它现在浮动不正确。

我的结构是:

    <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/

因为我还是在问,有没有办法改善我的布局以使其更好用?我正在写这篇文章,在流体布局方面我是初学者。

编辑:我现在已经解决了这个问题,但我会很感激提示。

1 个答案:

答案 0 :(得分:1)

如果我理解正确的话 - 如果我从您的margin-right:400px课程中删除.side-wrap,那么它对我有效。

这是更新的jsfiddle。我希望它能做你想做的事。