Html 如果主体的宽度没有'；还没定下来_Html_Css_Width_Percentage

Html 如果主体的宽度没有'；还没定下来

html css

Html 如果主体的宽度没有'；还没定下来,html,css,width,percentage,Html,Css,Width,Percentage,这是html： <body>  <header> <h2><a href="#">Mountain Travel</a></h2> <na

这是html：

<body>
  <!-- Forked from a template on Tutorialzine: https://tutorialzine.com/2016/06/freebie-landing-page-template-with-flexbox -->
  <header>
    <h2><a href="#">Mountain Travel</a></h2>
    <nav>
      <li class="new"><a href="#">Tours</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
    </nav>
  </header>

  <section class="hero">
    <div class="go_crazy"></div>
    <div class="background-image" style="background-image: url(assets/img/main.jpg);" >
    </div>
    <div class="hero-content-area">
      <h1>Mountain Travel</h1>
      <h3>Unmissable Adventure Tours Around The World</h3>
      <span class="old"><a href="#" class="btn">Contact Us Now</a></span>
    </div>
  </section>

</body>

在CSS文件中，没有设置正文的宽度，但是为什么开发人员可以使用100%的标题？？

我认为这意味着100%的宽度的父母。有人能给我解释一下吗？

浏览器会自动将

元素的宽度设置为浏览器窗口的宽度

示例：如果浏览器窗口的宽度为800px，则可以想象浏览器插入以下CSS：

body {
  width: 800px;
}

您无法在自己的代码中看到CSS，但它就在那里，隐藏在浏览器中。因此，您认为将

设置为100%宽度意味着它应该是父级宽度的100%，这就是为什么在这种情况下有效。

非常感谢！我感到不高兴，因为教程没有告诉我这一点，这让我非常困惑，浪费了我很多时间time@renesmith不客气！是的，我理解挫折。不幸的是，这是一种经常被遗漏在教程之外的细节，要么是错误的，要么是无知的。有可能作者甚至从来没有想过这个小细节，或者他们知道它太久了，他们认为它是理所当然的，忘了提及它。无论哪种方式，这都是一个很好的问题，如果你在未来陷入困境，这里的人应该乐于帮助回答类似的问题。这是否意味着价值是灵活的？我的意思是我总是可以改变broswer的宽度，所有元素的宽度都会随之改变？没错！浏览器会随时更新隐藏的

width

值，这将导致所有子项也随之更新，依此类推。

body {
  width: 800px;
}