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

Question

我想了解如何确保可以使两个 div 或 span 仅在其已经具有特定宽度的父部分内流动，以便当用户调整其窗口大小时向内流动。

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

关于如何做到这一点有什么想法吗？

<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;
}