为什么我的div不能到达页面顶部?

https:/ibb.coz5S7Kqh <–这里你可以看到问题所在。我的固定div可以正常的向左和向右伸展,但是在你可以看到背景的地方有一个空隙。

body {
  font-family: "Arial";
  color: rgb(0, 255, 97);
  background-color: rgba(40, 40, 40);
  align-self: center;
  padding: 0;
  margin: 0;
}

.topBar {
  background-color: rgb(0, 0, 0);
  width: 100%;
  height: 15%;
  position: fixed;
  margin-top: 0;
}

#title {
  text-align: center;
  text-decoration: underline;
  text-shadow: -0.05em -0.05em rgb(40, 40, 40);
  font-size: 3em;
}
<div class="topBar">
  <h1 id="title" onclick="openTab('https://www.jfkairport.com/')">Jhon F. Kennedy international Airport - Real Time Air Tracking</h1>
</div>

(别担心JFk机场那块,onclick和JS功能可以用。)

解决方案:

试着在css的顶部添加以下内容来重置所有元素的默认padding和margin。

*, ::before, ::after{
    margin: 0;
    padding: 0;
}

给TA打赏
共{{data.count}}人
人已打赏
解决方案

在POST和PUT请求中出现的问题,使用axios, vuetify datatable, vuejs。

2022-5-14 19:21:10

解决方案

在Intellij中打开属于项目一部分的文件。

2022-5-14 19:21:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索