html - 无法删除顶部和标题之间的间隙

Question

我的 css 很少，我无法删除顶部和标题之间的奇怪空间。

container.css

display: table;
height: 100%;

我里面有

header.css

text-align: center;
width: 90%;
padding: 0px;

这就是它的样子

由于某些原因，将 padding 和 margin 设置为 0 无效。

我发现只有一种移动标题的方法正在改变

margin-top: 0px;

Bug 在我更改为 -22 之前它不会更改。

如果我将它更改为 -23(正好是 -23)，那么它会像这样移出页面:

谁能帮忙看看是什么原因？感谢您的帮助。

fiddle - 尝试更改页眉的顶部边距

Answer 1

您的菜单和内容都被视为表格单元格。添加

.main-box { vertical-align: top; }

到您的 CSS 以摆脱自动边距。