Html 元素未放置在所需位置：class="；“十栏”；对元素的位置没有影响

根据web2py文档，页面分为16列，这应该放在第10列，但它不起作用，我对所有这些都是新手，所以不知道从哪里开始调试。指针

 <div class="ten columns">
      <nav>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Help</a></li>
      <li><a href="#">Login</a></li> 
      <li><a href="#">Privacy</a></li>
     </ul>
    </nav>
      </div>
    </header>

---

您似乎正在使用web2py脚手架应用程序，该应用程序目前用于响应网格。这可能有助于审查报告

注意，

class=“ten columns”

不会将内容放在第十列，它会使div十列变宽。如果您想在第十列中找到某个内容，您应该在它前面加一个九列宽的div（即

class=“nine columns”

），或者用

class=“one column offset by nine”

（实际上，您可能希望它比只有一列宽，只有40px宽）。注意，在给定行中，列的总数（包括偏移列）加起来不应超过16。具体而言，在您的情况下，您可以尝试：

  <header class="container">
    <div class="nine columns">
      <h1>tukker.me</h1>
    </div>
    <div class="one column">
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Help</a></li>
        <li><a href="#">Login</a></li> 
        <li><a href="#">Privacy</a></li>
      </ul>
    </nav>
    </div>
  </header>

图克，我

---

这将把你的h1标题放在前九列，你的nav ul放在第十列（在h1的右边）。如果希望nav ul的宽度超过一列（40px），只需使用所需的列数指定其类别（例如，

class=“four columns”

）。请注意，由于h1 div占据了16列可用列中的9列，因此导航div的宽度不应超过7列，否则，它将被向下推到h1下方，而不是浮动到h1的右侧（这是您将其设置为10列宽时发生的情况）。

我不知道如何表达这个问题，欢迎任何建议。发布演示或使用jsfiddle.net创建一些我们可以使用的东西with@Huangismjsfiddle.net不支持web2py，我可以在这里上传整个内容。

  <header class="container">
    <div class="nine columns">
      <h1>tukker.me</h1>
    </div>
    <div class="one column">
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Help</a></li>
        <li><a href="#">Login</a></li> 
        <li><a href="#">Privacy</a></li>
      </ul>
    </nav>
    </div>
  </header>