我无法将徽标添加到我的网站。它占据了整个页面。请帮我答案

【问题标题】：I can't add a logo to my website. It takes up the entire page. Please help me我无法将徽标添加到我的网站。它占据了整个页面。请帮我
【发布时间】：2021-10-25 12:34:46
【问题描述】：

HTML

<body>
  <!-- Header -->
   
  <section id="header">
    <div class="header container">
        
        
      <div class="nav-bar">
        <div class="brand">
          <a href="#home">
          </a>
        </div>
        <div class="nav-list">
          
          <div class="hamburger">
            <div class="bar"></div>
          </div>
          <ul>
            <li><a href="#home" data-after="Home">Home</a></li>
            <li><a href="#services" data-after="Service">Services</a></li>
            <li><a href="#about" data-after="About">About</a></li>
            <li><a href="#contact" data-after="Contact">Contact</a></li>
          </ul>

我正在尝试向我的网站添加徽标。标志填满了屏幕。我无法调整它的大小。这样的 HTML 代码。

【问题讨论】：

那段代码中你的标志在哪里？
对不起。我刚来这地方。我写了旧代码。我像这样添加它，但它不起作用。
采取一些小步骤，从基础开始学习，这可能有助于您了解基本工作流程
哦。感谢您的帮助。
请不要在 cmets 中发布代码。而是edit您的问题并更改代码。请发布minimal reproducible example，这意味着您还应该添加<head> 部分和您的css。

标签： html css navbar

【解决方案1】：

不看样式就很难回答，而且我看到你没有提供正确的代码。

只需给img 标记一个宽度和一个高度，然后正确定位包裹它的div。

类似的，

div {
    position:relative;
    text-align:center;/* Add This*/
}

<div>
    <img src="https://www.w3schools.com/tags/img_girl.jpg" width='300px' height='400px'/>
</div>

我建议你参考以下，

Positioning a div
Inserting an img

祝你好运！

【讨论】：

非常感谢您的帮助。我处理了。我想到了更复杂的事情。