gpt4 book ai didi

html - 空间出现在 firefox 上,但不是 chrome?

转载 作者:太空宇宙 更新时间:2023-11-04 11:31:29 25 4
gpt4 key购买 nike

伙计们。

今天,我决定安装 firefox 并在 firefox 而不是 google chrome 上测试我的导航栏。 Firefox 在顶部显示一个随机空间,而 chrome 则没有。任何人都知道问题是什么以及如何解决它?

这是 firefox 与 chrome 相比的样子。(抱歉质量不好,我调整了它的大小。)

如果重要,这是我正在使用的代码:

<html>

<head>
<title>Blitz</title>

<style>
body{
margin: 0px;
padding:0px;
}

.Blitz{
background-color:#2DDEDE;
padding:0px;
margin:0px;
border-color:black;
}

.Navigationbar{
height:40px;
width:500px;
background:#a7e8ee;
border:none;
}


.Navigationbar li{
display:inline;

}


.Navigationbar a{
color:black;
text-decoration:none;
}
</style>

</head>

<body>


<div class="Blitz">
<h1><center>Blitz</center></h1>
<ul>
<div class="Navigationbar">
<li><a href="#">Home</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Featured</a></li>
<li><a href="#">Sign up</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
</div>

<div class="information">
<!--Information about the site here. Pictures to go with that-->

</div>

</body>

</html>

最佳答案

出现此问题是因为页眉的顶部边距超出了 div 的顶部,而不仅仅是因为 HTML 中的换行符或空格。

为防止标题元素的边距超出 div 顶部并影响定位,请在 .Blitz 元素上使用 overflow: auto;

JSFiddle 示例:https://jsfiddle.net/9676k73g/

关于html - 空间出现在 firefox 上,但不是 chrome?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32001004/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com