在firefox中从顶部删除额外的空白空间

Question

Firefox中的页面的某些部分与Chrome不同。 这是什么样子的镀铬：

这就是它看起来像在Firefox：

HTML代码：

html, 
 
body { 
 
    width: 100%; 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
    margin-top: 0; 
 
    padding-top: 0; 
 
    overflow-x: hidden; 
 
} 
 
@media print { 
 
    body { 
 
    margin-top: 0 !important; 
 
    } 
 
} 
 
body { 
 
    background-color: white; 
 
    color: black; 
 
    padding: 0; 
 
    margin: 0; 
 
    min-height: 100%; 
 
    min-width: 100%; 
 
    overflow-x: hidden; 
 
} 
 
.rowa { 
 
    padding: 10px; 
 
    background-color: black; 
 
    color: white; 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 
#title { 
 
    font-size: 36px; 
 
    display: inline-block; 
 
    color: white; 
 
}

<nav class="navbar navbar-inverse " id="navtop"> 
 
    <div class="container-fluid rowa"> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     </button> 
 
     <a class="navbar-brand" href="#" id="title">title</a> 
 
    </div> 
 
    <div class="collapse navbar-collapse" id="myNavbar"> 
 
     <ul class="nav navbar-nav navbar-right menu " id="menu1"> 
 
     <li><a href="#" id="home1"> Home</a> 
 
     </li> 
 
     <li><a href="#" id="book"> Booking</a> 
 
     </li> 
 
     <li><a href="#" id="rate">Rates</a> 
 
     </li> 
 
     <li><a href="#" id="abt"> About us</a> 
 
     </li> 
 
     <li><a href="#" id="contact"> Contact us</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</nav>

我无法从顶部删除额外的空间，并且在导航栏内还有额外的填充。

我已经设置边距和填充为0和HTML在CSS中的身体，最小宽度和最小高度是100％。

此外，firefox中的图像和表单之间还有额外的间距（对于小屏幕设备）。

如何在Firefox中摆脱这些额外的空间？请帮忙。

Answer 1

使用CSS中的高度规则调整为id =“menu1”。