为什么这个内容从div的底部开始？

Question

我创建了一个左侧有菜单的设计，但文字从底部开始，而不是从顶部开始。

这是在我在右侧插入地图后开始发生的，使用以下代码：

#map {
    height: 100%;
    width: 100%;
}

Here's a jsFiddle for the complete code

Answer 1

添加

#wrapper > div > #middleleft {
    vertical-align:top;
}

DEMO ：http://jsfiddle.net/KfMjZ/4/

Answer 2

将vertical-align: top;添加到#wrapper > div > #middleleft css块，如下所示：

#wrapper > div > #middleleft {
    background: #565656;
    vertical-align: top;
}

Answer 3

似乎没有人愿意回答你为什么会这样做的实际问题。所以这里。

那里有一些非常奇怪的事情。这是一个奇怪的，这是肯定的。如果你没有在地图上设置高度，那么它是vertical-align：top。

似乎google javascript正在捣乱。它似乎只发生在Internet Explorer中。

真正令人着迷的一点是，如果你使用IE开发人员工具挖掘html并在地图上关闭高度，然后它会恢复到顶部，如果你重新打开它，它会保持在顶部。这告诉我，javascript中的某些内容会以某种方式弄乱该字段的布局。

换句话说，这是一个错误。您可以使用其他人提到的方法来解决它。