Html 子标签不采用表格单元格父高度
我使用table属性安排了主菜单导航。在li标签内具有锚定标签。并使用“after”方法为锚定标签提供下拉箭头。现在我面临一个问题，我的锚定标签没有采用其父级li全高，该父级具有display:table cell。我不能将绝对位置设置为锚点，因为我已经在其后面设置了相对于显示箭头的位置。 我需要我的锚标签来达到全高的原因是。我的菜单可能有两行，如1。XXXXXXXXXXXXX xxxxx 2.xxxxxx因此第一个链接将出现两行，因为没有足够的宽度。第二个是单行的Html 子标签不采用表格单元格父高度,html,css,Html,Css,我使用table属性安排了主菜单导航。在li标签内具有锚定标签。并使用“after”方法为锚定标签提供下拉箭头。现在我面临一个问题，我的锚定标签没有采用其父级li全高，该父级具有display:table cell。我不能将绝对位置设置为锚点，因为我已经在其后面设置了相对于显示箭头的位置。 我需要我的锚标签来达到全高的原因是。我的菜单可能有两行，如1。XXXXXXXXXXXXX xxxxx 2.xxxxxx因此第一个链接将出现两行，因为没有足够的宽度。第二个是单行的 ul.tb-megamenu
ul.tb-megamenu-nav.nav{
display: table;
width: 100%;
table-layout: fixed;
position: relative;
}
.tb-megamenu .nav > li.level-1 {
vertical-align: middle;
min-height: 48px;
float: none;
display: table-cell;
min-width: 16.56686626746507%;
position: static;
list-style: none;
}
.tb-megamenu .nav > li > a {
background-color: transparent;
padding: 8px 7%;
text-align: center;
color: #fff;
border: 0;
position: relative;
cursor: pointer;
}
.tb-megamenu .tb-megamenu-nav > li.dropdown > a:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 40px;
left: 50%;
margin-left: -14px;
border-top: 14px solid #0092d0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
z-index: 999999;
*{
轮廓：1px纯蓝色；
}
ul.tb-megamenu-nav.nav{
显示：表格；
宽度：100%；
表布局：固定；
位置：相对位置；
}
.tb megamenu.nav>li.level-1{
垂直对齐：中间对齐；
最小高度：48px；
浮动：无；
显示：表格单元格；
最小宽度：16.56686626746507%；
位置：相对位置；
列表样式：无；
}
.tb megamenu.nav>li>a{
背景色：透明；
填充：8px 7%；
文本对齐：居中；
颜色：#fff；
边界：0；
位置：相对位置；
光标：指针；
显示：块；
}
.tb megamenu.tb megamenu导航>li.下拉菜单>a:之后{
内容：“➤";
宽度：0；
身高：0；
位置：绝对位置；
顶部：40px；
左：50%；
左边距：-14px；
边框顶部：14px实心#0092d0；
左边框：14px实心透明；
右边框：14px实心透明；
z指数：999999；
}
-