Html 图像插入另一个div后,ul菜单被删除
我正在创建的应用程序中有一个奇怪的问题。有一个带Html 图像插入另一个div后,ul菜单被删除,html,css,Html,Css,我正在创建的应用程序中有一个奇怪的问题。有一个带显示:表格的大div和一个div显示:表格行。行中有2个块、边栏和内容display:table cell。除此之外,还有整个应用程序的ul菜单,在内容中有当前显示的内容。问题是,当我将图像添加到内容中时,旁边的整个菜单会被图像的高度向下推。但图像位于不同的块中,它不应该可以移动到一边 我摆弄这个问题。正如您所看到的,在侧块的左侧有菜单,右侧有图像。我把宽度为200px的css文件图片放在底部,你可以改变它来查看问题。对于较小的值,它什么也不做,但
显示:表格的大div
和一个div显示:表格行
。行中有2个块、边栏和内容display:table cell
。除此之外,还有整个应用程序的ul菜单,在内容中有当前显示的内容。问题是,当我将图像添加到内容中时,旁边的整个菜单会被图像的高度向下推。但图像位于不同的块中,它不应该可以移动到一边
我摆弄这个问题。正如您所看到的,在侧块的左侧有菜单,右侧有图像。我把宽度为200px的css文件图片放在底部,你可以改变它来查看问题。对于较小的值,它什么也不做,但是当宽度在50px左右时,它开始改变菜单
如何消除这种影响?添加
垂直对齐:顶部
;撇开
aside {
background-color: #31383E;
color: #989B9E;
display: table-cell;
overflow: hidden;
vertical-align: top;
}