Question

我正在使用Materialise，我想用HTML（如果可能的话）在底部放置东西。当您尝试浏览超过2000行代码时，它很糟糕。你能做这个吗？任何帮助将不胜感激。

在页面底部放置导航栏。代码：

<!DOCTYPE html>
<head>
  <!-- get the required files from 3rd party sources -->
  <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  <link rel="import" href="https://www.polymer-project.org/0.5/components/paper-ripple/paper-ripple.html">
  <link rel="import" href="http://www.polymer-project.org/components/core-icons/core-icons.html">
  <link rel="import" href="http://www.polymer-project.org/components/font-roboto/roboto.html">
  <link rel="stylesheet" type="text/css" href="styles.css">
  <link rel="import" href='http://fonts.googleapis.com/css?family=Roboto:400,300italic,500italic,400italic' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="materialize.css">
  <link rel="stylesheet" type="text/css" href="materialize.min.css"
  <!-- use the font -->
  <script src="//use.edgefonts.net/hammersmith-one.js"></script>
  <style>
  body .tabs tab-demo z-depth-1 {
    position: static;
    bottom: 100px;
  }
  </style>
</head>
    <body>
      <ul class="tabs tab-demo z-depth-1">
                <li class="tab col s3"><a href="#test1">Test 1</a></li>
                <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
                <li class="tab col s3"><a href="#test3">Test 3</a></li>
                <li class="tab col s3"><a href="#test4">Test 4</a></li>
              </ul>

              <br>
            </div>


            <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
            <script type="text/javascript" src="materialize.min.js"></script>
            <script type="text/javascript" src="materialize.js"></script>
    </body>
  </html>

Answer 1

我能够通过位置执行此操作：静态由于某种原因，它有效！

你能在html的底部放置东西吗？

1 个答案: