我如何防止div重叠

Question

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

我正在处理这个http://www.abdhulzaman.co.uk/work/rima

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

与绝对/相对位置有什么关系？这可能看起来很简单..会欣赏然后帮助！ thnx：）

它的某些东西是http://jsfiddle.net/YFCWm/

Answer 1

导航的大小是否动态？如果没有，您可以为min-width设置header（尽管最好将其设置在包装整个网站的容器中。）

Answer 2

如果您刚刚开始使用css和布局，那么使用基于网格的框架（如twitter bootstrap或blueprint css）可能是一个好主意。

http://twitter.github.com/bootstrap/

http://blueprintcss.org/

使用其中一个将使您的布局问题变得微不足道。

Answer 3

快速解决问题的方法是在左侧为nav元素添加边距

margin: 0 0 0 230px;

这样可以防止导航从标题元素的左边缘向左移动超过230px。