css - 主栏出现在侧边栏栏结束的地方

Question

我在这方面脑残，我知道这很简单。

有一个标题 div，看起来不错。有一个左侧边栏 div，顶部紧贴标题 div，看起来很好。

然后是主要内容 div。有一个图像和 h1 看起来像您期望的那样与标题 div 相对，但是在导航(在嵌套的 div 中)之前会出现很大的差距。导航在主要内容 div 中正确，但此 div 的顶部始终与侧边栏内容的底部对齐。

我试过 clear:left 和 both 以及 floating 等等的混合。如果在 html 中，我将侧边栏 div 移动到主要内容 div 下方，那么主要内容没有间隙，但侧边栏顶部间隙很大，并且与主要内容导航结束的底部齐平。

我在这里错过了什么，提前致谢!

Answer 1

您是否设置了任何宽度(或内边距、边距、边框)可能会使有问题的 div 太宽而无法容纳？

请记住，如果您正在做类似的事情:

width: 100%;
border: 1px solid;

然后您的元素将占用 100% 宽度 + 2 像素。