奇怪的边缘在页面顶部

Question

我在为翻新公司建立网站的早期阶段，但我有一个奇怪的格式问题。页面顶部有一个边距，在标题和浏览器顶部之间创建了一个间隙。该页面为here。我已经在页面上初始化了填充，所以我不确定是什么导致了它。

在另一个（可能是相关的）注释中，css样式似乎没有正确应用于页面。它在我的支架服务器上看起来是正确的，但是标题尺寸不正确并且缺少背景图像，并且导航栏没有正确定位。

这应该是这样的：

Answer 1

顶部可能是“{windows of world”文本的margin collapsing。如果该元素上有一个margin-top，则该margin-top可能会在容器外部出血。

我建议删除该上边距并在父容器上使用padding-top，如果你需要空间的话。

  

如果没有边框，填充，内联内容，block_formatting_context创建或间隙将块的边距顶部与其第一个子块的边距顶部分开，或者没有边框，填充，内联内容，高度，分钟-height或max-height将块的边距底部与其最后一个子节点的边缘底部分开，然后这些边距会崩溃。折叠的保证金最终在父母之外。

Answer 2

使用css设置保证金。

h1 {margin-top:0px;}

Answer 3

在styles_desktop.css的第27行，您可以设置所有标题标记，其边距为10px。

因此，您的“Windows of World”标题正从页面顶部向下推10px。

Answer 4

将填充设置为外部div：

int main()
{
    int extroversion=0;

    int E = Q1();     // Capture the result of Q1 in E
    cout << E << endl;// ... *then* print it.
    extroversion+=E;  // And now you can use the value of E in this function.

    cout << extroversion << endl;
    return 0;
}

当你将margin-top设置为内部div时，外部div没有padding-top时会发生这种情况。