ul菜單在插入另一個div後丟失圖像

Question

我在創建的應用程序中遇到了一個奇怪的問題。有一個大的div與display:table與一個分區display:table-row。在行中有2blocks，放在一邊，內容是display:table-cell。除了整個應用程序的ul菜單，內容中還有當前顯示的內容。問題是，當我將圖像添加到內容中時，整個菜單在旁邊被immage的高度推下。但形象是在不同的塊，它不應該能夠一邊移動。

我提出了問題，here。正如你所看到的那樣，左側的菜單在旁邊，右邊是圖片。我把它放在寬度爲200px的css文件圖像的底部，你可以改變它看問題。對於小值，它什麼都不做，但寬度大約爲50px，它開始改變菜單。

如何消除這種影響？

Answer 1

Add vertical-align: top;擱置

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