html - 为什么在我的页眉中为 css 设置高度不会强制主要内容向下？

Question

我正在尝试通过设置“height: 100px”来调整我的标题 (header.php) “pushes” 内容在我的网页上的下移量”在我的 CSS 中。它在技术意义上起作用......当我在 Chrome 中检查元素时，标题确实 100px 高。但是主页内容仍然“ float ”到页眉区域。

有问题的网页是here .

页面的 CSS 已粘贴 here .

似乎没有任何与手动覆盖 header CSS 高度的主要内容页面关联的 CSS。我是否从根本上误解了所有这些是如何工作的？

Answer 1

这是因为 div 是绝对定位的 - 删除那些 css 规则，它将按预期工作:

#headerly {
    /* position: absolute; */
    /* top: 10px; */
    /* right: 10vh; */
    height: 100px;
}