index-menu没有高度,footer会移上来
这个问题不知道怎么解决, 希望各位帮个忙。
先上图, 效果是这样:
我用chrome的开发者工具看了一下index-menu的盒子模型信息:
发现高度为0。
相关的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; }
如果需要完整的文件, 我会贴出来