老师为什么我的父元素intex-menu没有被撑开，导致三角形也没显示在menu-tips的底部？

Question

/*菜单menu部分*/

.index-menu{

position:relative;

border-top:4px solid #f34949; 

}

.index-menu .menu-tips{

position:absolute;

left:50%;

top:0px;

margin-left:-78px;

width:156px;

height:75px;

text-align:center;

line-height:65px;

color:#fff;

background:#f34949;

}

/*菜单提示标签*/

.index-menu .menu-tips:after{

position:absolute;

content:"";

left:0;

buttom:0;

width:0;

height:0;

border-left:78px solid transparent;

border-right:78px solid transparent;

border-bottom:10px solid #fff;

}

Answer 1

试试在父元素的最后添加一个<div style="clear:both;"></div>要写在父元素里面