如何在不实现此目的的情况下制作此CSS叠加层

Question

正如你在图像中看到的那样，存在一个问题，它基本上击倒了我需要它的图像，只是漂浮在标题的右上角。

HTML

<header id="header">
  <div id="lang">
    <a href="index.html">English</a>
  </div>
</header>

Answer 1

试试这个

<header id="header">
  <div id="lang">
    <a href="index.html">English</a>
  </div>
</header>

<style>
#header{
   position: relative;
}

#lang{
   position: absolute;
   top: 0;
   right: 0;
   width: 100px;
}
</style>