如何在调整窗口大小时使div向内流动到特定的父高度？

Question

我想了解如何确保两个divs或spans只能在其已经具有特定宽度的父节内部流动，以便当用户调整其窗口大小时它向内流动。

特别是我要提供的代码，一旦从平板电脑显示菜单，徽标应该在标题上方。

关于如何做到这一点的任何想法？

<section id="navigation">

    <div class="nav-body">

        <section class="logo">
            <div style="background:green;height: 30px;"></div>
        </section>

        <section class="menu">
            <ul>
                <li>one</li>
                 <li>two</li>
                 <li>three</li>
                 <li>four</li>
                 <li>five</li>
                 <li>six</li>
                 <li>seven</li>

            </ul
        </section>

    </div>

</section>

http://jsfiddle.net/cmckLb36/1/

Answer 1

删除width: 1029px;并添加width: 100%;，如下所示：

#navigation > .nav-body {
    width: 100%; 
    margin:0 auto;
    resize:both;
}