如何让两列浮动左div布局自动换行？

Question

我的 HTML 如下所示：

<身体>
  <div class="nav"><ul>...</ul></div>
  <div class="view">如果我调整浏览器大小，此文本不会换行</div>
</正文>

我的 CSS 看起来像这样：

.nav {
    宽度：200px；
    向左飘浮;
    字体粗细：粗体；
    边距右：46px;
}

.nav {
    字体粗细：正常；
}

.nav ul {
    填充：0;
    保证金：0;
    列表样式类型：无；
    文本对齐：右；
}

.nav ul li {
    底边距：7px；
}

。看法 {
    向左飘浮;
}

如果我将浏览器的大小调整为更瘦，那么它根本不会在视图 div 中对文本进行自动换行。它只会取消浮动视图 div 并将其放在导航 div 下方。

如何使视图 div 中的文本自动换行而不是浮动到导航 div 下？