Html 侧边栏中的图像向下推主区域中的内容

我有一个问题，左侧边栏上的徽标图像实际上将div中的内容向下推到右侧。有人能解释为什么会发生这种情况吗？H1应该在页面的顶部，但它只有在我删除徽标图像时才会出现

---

我哪里出错了？

这是因为您使用的是

表格单元格因此您需要使用
垂直对齐：顶部也是

.wrapper > div {
    display:table-cell; 
    vertical-align: top;
}


另外，我觉得你的CSS很糟糕，很抱歉在这里直截了当，但是使用像

tr {
    /* Something */
}

td {
    /* Something */
}

table.class_name tr {
    /* Something */
}

从长远来看，这会给您带来问题，您应该始终保持明确，为
表
元素指定一个
类
，并使用如下选择器

tr {
    /* Something */
}

td {
    /* Something */
}

table.class_name tr {
    /* Something */
}

看起来很整洁。
啊，很好，谢谢。我可以问一下您对使用表格单元格进行此布局的看法吗？@Jimmy我认为您也可以使用
浮点
实现同样的效果：）
表格单元格
是当用户希望侧边栏与主元素一起拉伸时使用的东西，等等