Html 我的引导导航栏向右离开屏幕，但从左侧缩进_Html_Navbar

Html 我的引导导航栏向右离开屏幕，但从左侧缩进

html

Html 我的引导导航栏向右离开屏幕，但从左侧缩进,html,navbar,Html,Navbar,我有我当前网站的截图和代码：代码标题身体{ 背景色：#235a59； } a:class.navbar-brand{ 字体系列：无衬线； } 屏幕截图我想让整个导航栏伸展到顶部。任何帮助都将不胜感激嘿，你的代码中有这么多错误复制粘贴此代码工作正常标题身体{ 背景色：#235a59； } navbar品牌{ 字体系列：无衬线； } 嘿，你的代码中有这么多错误复制粘贴此代码工作正常标题身体{ 背景色：#235a59； } navbar品牌{

我有我当前网站的截图和代码：

代码


标题
身体{
背景色：#235a59；
}
a:class.navbar-brand{
字体系列：无衬线；
}

屏幕截图

我想让整个导航栏伸展到顶部。

任何帮助都将不胜感激

嘿，你的代码中有这么多错误
复制粘贴此代码工作正常


标题
身体{
背景色：#235a59；
}
navbar品牌{
字体系列：无衬线；
}

嘿，你的代码中有这么多错误
复制粘贴此代码工作正常


标题
身体{
背景色：#235a59；
}
navbar品牌{
字体系列：无衬线；
}

使用

位置：绝对

、

顶部：0px

和

左侧：0px

将导航栏置于页面的左上角。
然后使用宽度：100%使其在顶部“拉伸” 因此，基本上您将把它添加到

：

.navbar {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
}

这是您的完整代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>
  title
</title>
  <style>
    body{
      background-color: #235a59;
    }
    a: class.navbar-brand{
      font-family: sans-serif;
    }

    .navbar {                  /*This will do the trick.*/
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
    }
  </style>
</head>
<body>
  <ul>
    <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">title</a>
        </div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#"><b>Dashboard</b></a></li>
          <li><a href="#">Donate</a></li>
          <li><a href="#">Protect</a></li>
          <li><a href="#">About</a></li>
        </ul>
      </div>
    </nav>
  </ul>
</body>
</html>


标题
身体{
背景色：#235a59；
}
a:class.navbar-brand{
字体系列：无衬线；
}
.navbar{/*这样就可以了*/
位置：绝对位置；
顶部：0px；
左：0px；
宽度：100%；
}

这里有一个活生生的演示：

使用

位置：绝对

，

顶部：0px

和

左侧：0px

将导航栏放在页面的左上角。
然后使用宽度：100%使其在顶部“拉伸” 因此，基本上您将把它添加到

：

.navbar {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
}

这是您的完整代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>
  title
</title>
  <style>
    body{
      background-color: #235a59;
    }
    a: class.navbar-brand{
      font-family: sans-serif;
    }

    .navbar {                  /*This will do the trick.*/
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
    }
  </style>
</head>
<body>
  <ul>
    <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">title</a>
        </div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#"><b>Dashboard</b></a></li>
          <li><a href="#">Donate</a></li>
          <li><a href="#">Protect</a></li>
          <li><a href="#">About</a></li>
        </ul>
      </div>
    </nav>
  </ul>
</body>
</html>


标题
身体{
背景色：#235a59；
}
a:class.navbar-brand{
字体系列：无衬线；
}
.navbar{/*这样就可以了*/
位置：绝对位置；
顶部：0px；
左：0px；
宽度：100%；
}

这里有一个活生生的演示：

A:class.navbar品牌{font-family:sans-serif；}

这段代码有什么变化吗？看我的代码，你犯了一些错误。然后从nav中删除

a:class.navbar品牌{font-family:sans-serif；}

标签，这样你就可以得到击球员的结果。当他发现你的答案是好的时，他会“自动”这样做……wdym“自动”@棉花糖？