如何让我的横幅覆盖整个网站的宽度？

Question

目前通过检查之前提出的其他问题获得了以下设置，尽管现在我被困住了，因为它不会扩展

Answer 1

你的意思是你想让它扩展到全屏幕宽度？如果是这样的话，您还需要将它的父元素宽度设为100%

body {
       width: 100%;
}

它可以是另一个家长，比如div.container或其他什么..

Answer 2

对于跨度的100%宽度

<style type="text/css">
.banner span{
  width: 100% !important;
}
</style>

Answer 3

您可以将img添加到内部，如下所示。

<div ng-controller="MainCtrl">
  <header class="banner">
    <div class="banner-wrapper">
      <div class="banner-title">
          <img src="https://upload.wikimedia.org/wikipedia/en/thumb/8/81/Williams_Companies_logo.svg/1280px-Williams_Companies_logo.svg.png" height="100px" width="100%">
      </div>
      <nav class="banner-nav">
            {{ portal | welcome_navigation }}
      </nav>
    </div>
      <nav class="nav-menu" id="header-tabs">
      <ul>
            <li class="nav-menu-title"><a href="https://www.TEST.co.uk" class="nav-links">Back to Main Site</a></li>
        <li class="nav-contact">| Questions? Get in touch: <li class="nav-number">12345568693</li>
      </ul>
      </nav>
  </header>
</div>