Html 在CSS中，如何将我的主页按钮按到标题左上角？ `

流行食谱

.家{ 宽度：100px； 文字装饰：无； 浮动：左； 显示：块； 字体大小：20px； }`

---

html/Css主页（a）部分。想知道如何将此元素推到标题的左上角。

为什么不在容器的顶部写上“主页”按钮？为什么需要浮动：左？你必须解释它，否则我认为这不是必要的。< /P>

.home{
显示：块；
宽度：100px；
字体大小：20px；
边缘底部：1rem；
}
.家a{
文字装饰：无；
颜色：#000；
}

流行食谱

使用此CSS。有关绝对定位的更多信息，请参见此处：

---

发布你的html代码？请阅读如何发布带有相关代码的问题。这里没有太多内容。谢谢你提供CSS，但是你能同时提供相关的HTML吗？没有它很难回答这个问题。如果您可以更新您的问题以在一个列表中列出所有相关代码，这将有所帮助。如果您的HTML是在服务器端生成的，请发布输出。有关更多信息，请参阅帮助文章：）如果您想让我们帮助您，您需要添加一个示例我是全新的，没有足够的声誉投票，否则我会。它说这是有记录的。

`<header>
   <img src="images/chefs-hat.png">
   <p>Popular Recipes</p>
   <button class="home">
   <a href="index.html">Home</a>
   </button>    
 </header>



.home {
   width: 100px;
   text-decoration: none;
   float: left;
   display: block;
  font-size: 20px; 
 }`

header {
  position: relative;
}

.home {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  text-decoration: none;
  display: block;
  font-size: 20px; 
}