图像插入另一个div后，ul菜单被删除

Question

我在创建的app中遇到了一个奇怪的问题。有一个大的div display:table有一个div display:table-row。在行中有2个块，旁边和内容display:table-cell。除此之外，整个应用程序都有ul菜单，内容中有当前显示的内容。问题是，当我将图像添加到内容中时，旁边的整个菜单会被图像的高度向下推。但是图像处于不同的块中，它不能随意移动。

我犯了问题，here。正如您所看到的，左侧的菜单位于旁边的块中，而图像位于右侧。我把它放在宽度为200px的css文件图像的底部，您可以更改它以查看问题。使用小值时，它什么都不做，但宽度大约为50px时，它会开始更改菜单。

如何删除此效果？

Answer 1

添加vertical-align: top;放在一边

aside {
    background-color: #31383E;
    color: #989B9E;
    display: table-cell;
    overflow: hidden;
    vertical-align: top;
}