這個(gè)問(wèn)題不知道怎么解決， 希望各位幫個(gè)忙。

先上圖， 效果是這樣：

我用chrome的開(kāi)發(fā)者工具看了一下index-menu的盒子模型信息：

發(fā)現(xiàn)高度為0。

相關(guān)的css代碼如下：

.index-menu?{
position:?relative;
border-top:?4px?solid?#f34949;
}
.index-menu?.index-menu-tips?{
position:?absolute;
left:?50%;
width:?154px;
height:?70px;
margin-left:?-77px;
background:?#F34949;
text-align:?center;
line-height:?60px;
color:?#fff;
font-size:?20px;
}
.index-menu?.index-menu-tips:after?{
position:?absolute;
content:?"";
width:?0;
height:?0;
bottom:?0;
left:?0;
border-left:?77px?solid?transparent;
border-right:?77px?solid?transparent;
border-bottom:?10px?solid?#fff;
}

如果需要完整的文件， 我會(huì)貼出來(lái)