Html 照片放置不完美

我无法将笔记本电脑图像放在黄色向量上。我也尝试过使用flexbox，但如果我尝试将笔记本电脑移到那里，一切都会不正常。有人能帮我把笔记本电脑放在那个黄色的东西上，并用笔记本电脑在基线上显示标题文字吗。 正如你在照片中看到的，笔记本电脑照片在我想要的地方，我希望它在上面一点，<代码>工作越快，越难达到你的目标行，在中间不到一点，标志也没有被完美地放置。我想让设计文本脱离黄色圆圈

*{
保证金：0；
填充：0；
边界：0；
大纲：0；
字体大小：100%；
垂直对齐：基线；
框大小：边框框；
}
html{
字体系列：圆形标准，无衬线；
}
身体{
宽度：100%
}
h1{
字体大小：48px；
字号：100；
颜色：2B9Dff；
}
h3{
字体大小：24px；
}
p{
字体大小：16px；
}
导航{
线高：150px；
}
导航a{
文字装饰：无；
颜色：#202427；
字体大小：20px；
字号：700；
}
导航a：第一个孩子{
浮动：左；
}
导航a：第二个孩子{
左侧填充：20px
}
导航图像{
垂直对齐：中间对齐；
}
导航跨度{
背景色：#2b9dff；
填充物：5px 5px；
边界半径：1000px；
字号：100；
颜色：白色；
左边距：7px；
}
标题{
高度：1000px；
最小高度：1000px；
填充：0.5%；
背景图片：url（images/eclipse1.png）；
背景重复：无重复；
背景尺寸：包含；
背景位置：右下角；
}
收割台h1{
宽度：40%；
利润率：2米0；
}
收割台img{
左边距：50%；
}

标题
更快更努力地工作以实现你的目标
你好，我喜欢这个标语

可以肯定的是

位置：相对
和
位置绝对
可以帮助您。原因是您不能使用
标题img选择器
，因为标题中有2个img标记。这就是为什么你说左上角的标志也会改变。相反，您给每个img一个id。在这里的HTML中，我为每个img分配一个id

 <header>
    <nav>
      <a href=""><img id="logo" src="./images/ex.png" alt="" style="height: 52px; width: 58px;" /></a>
      <a href="#">Design</a>
    </nav>
    <h1>Work faster and harder to achieve your goals</h1>
    <p>hello I waant this tagline</p>
    <img id="laptop" src="./images/laptop.png" width="750px" height="500px" alt="" />
  </header>

你可以对你的文本做同样的处理

<h1 id="work">Work faster and harder to achieve your goals</h1>
<p id="hello">hello I waant this tagline</p>

#work{
 position: absolute:
 top: 300px;   // you need to config this number to go to the position you want
 left: 300px; // you need to config this number to go to the position you want

}
#hello{
 position: absolute:
 top: 400px;   // you need to config this number to go to the position you want
 left: 300px; // you need to config this number to go to the position you want

}

工作父亲？那是拼写错误还是。。我错过了什么啊！？另外：我认为目前的设计看起来很酷很有创意。但是关于你原来的问题，希望有人能告诉你正确的方法。是的，这是一个拼写错误。不确定是讽刺还是严肃，但无论如何还是要感谢：）你在展示你想要的，但不是结果。你也能做到吗？此外，删除所有与屏幕上显示内容无关的CSS（例如导航内容）。这将有助于把问题提炼成根本问题。这张照片不是我想要的。这张照片就是我得到的。在照片中，你可以看到笔记本电脑就在下面。我希望它比这个稍微高一点。另外，
工作更快
行与笔记本电脑处于同一行。您是否尝试使用
位置：相对
和
位置：绝对
来实现这些目标？谢谢，成功了。事实上，我没有注意到标题中有两张图片。我想我在标题标签外声明了nav，这就是为什么徽标也随着笔记本电脑照片移动的原因。这就是为什么我在想为什么位置：绝对和相对不起作用。
<h1 id="work">Work faster and harder to achieve your goals</h1>
<p id="hello">hello I waant this tagline</p>

#work{
 position: absolute:
 top: 300px;   // you need to config this number to go to the position you want
 left: 300px; // you need to config this number to go to the position you want

}
#hello{
 position: absolute:
 top: 400px;   // you need to config this number to go to the position you want
 left: 300px; // you need to config this number to go to the position you want

}

  <a href="#" id="design">Design</a>

#design {
 position: relative;
 left: 50px;  // you need to config this number to go to the position you want
}