为什么外层div下面会多出一些空白？

Question

相关代码

.div {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: white;
}

.div1 {
    width: 100%;
    position: relative;
    left:0;
    top:0;
    font-size: 0.24rem;
    height: 0.4rem;
    background-color: #565f75;
    overflow: hidden;
div2是个svg图，高度设定为屏幕的高度的三分之一；

Answer 1

用chrome的f12调试吧，看那段空白是什么

Answer 2

建议把完整代码贴出来，这样好定位问题。

Answer 3

正常是margin或者padding默认值问题，具体要chrome的f12调试看看