Question

我正在使用materialize css创建一个网站，我创建了一个固定的导航栏，因此下面的div是隐藏的，它位于上面的导航栏下面。所以我可以通过使用margin-bottom属性来修复它，但是取决于设备导航栏高度是增加还是减少所以我该如何解决这个问题呢？我也不想使用媒体查询。

＆＃13;

.fixedtop {
    width: 100%;
    height: auto;
    font-size: 12px;
    text-align: center;
    color: #0A2445;
    position: fixed;
    top: 0px;
    background: none repeat scroll 0% 0% rgba(14, 91, 128, 0.67);
    display: table-cell;
    vertical-align: middle;
    line-height: 30px;
    z-index: 99;
}

＆＃13;

    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">

<nav class="fixedtop" style="overflow: hidden;">
    <div class="nav-wrapper">
      <div class="col s12">
        <a href="#!" class="brand-logo">Settings</a>
        <ul class="right">
          <li><a href="sass.html"><i class="mdi-action-search"></i></a></li>
          <li><a href="components.html"><i class="mdi-action-view-module"></i></a></li>
          <li><a href="javascript.html"><i class="mdi-navigation-refresh"></i></a></li>
          <li><a href="mobile.html"><i class="mdi-navigation-more-vert"></i></a></li>
        </ul>
      </div>
    </div>
  </nav>
<!--If I use margin-top and adjust the div different device will not set peroperly (without media query)-->
<div>
  This div is gone under the navbar 
  </div>

＆＃13;

如何根据之前的div高度调整保证金最高值？

0 个答案: