Html 如何防止div重叠

我正在尝试制作一个使用整个屏幕的布局，所以我没有在布局上设置固定的宽度。我用的是百分比

我正在做这个

正如您在顶部看到的，我在标题的左上角有一个徽标和标题，还有一个导航，它位于右侧的绝对位置。现在当我最小化屏幕时。。导航和徽标标题会重叠，这真的很烦人

与绝对/相对位置有关吗？这似乎很简单。。谢谢你的帮助！thnx:）

---

它与

类似。您的导航动态的大小是多少？如果没有，您可以为

标题设置
最小宽度
（尽管最好将其设置在包装整个站点的容器中）。
如果您刚刚开始使用css和布局，最好使用基于网格的框架，如twitter引导或blueprint css



使用其中一种方法会使布局问题变得微不足道。
解决问题的快速方法是在导航元素的左侧留出一个空白

margin: 0 0 0 230px;

这将防止nav从页眉元素的左边缘向左“移动”超过230px。
您可以使用float和clear CSS属性，或者为整个页面指定最小宽度。页眉基本上设置为90%宽度