Question

我正在使用的框架称为Materialise

当添加另一个元素时，它会以某种方式结束underneath上面的元素，我从来没有告诉它将它放置在封面容器下面。我只是给它一个z-index，看看它是否真的在它下面，确定它是。每当我尝试添加元素时，它就会直接位于封面容器下面

    <div class="absolute">  
<div class="backgroundSettings" id="homeHero">



  <nav class="transparent adjustNav">  

   <div class="nav-wrapper">
  <a href="#" class="brand-logo left z-depth-3"><img src="images/me.jpg" class="circle meNav" id="navPic" /></a>
  <ul id="nav-mobile" class="right hide-on-med-and-down">
    <li><a class="editNav" href="...">Work</a></li>
    <li><a class="editNav" href="...">Blog</a></li>
    <li><a  href="..." class=" waves-effect waves-light btn-large blue darken-3"><i class="material-icons left">person</i>Hire Me!</a></li>
  </ul>
</div>
</nav>

<div class="centerME">
<img src="https://ibin.co/2m261AYwrczY.png"  id="logo2" class=" "/>
</div>
</div>

</div>
<div class="absolute">
<p>
Jonthue
</p>

</div>
<p>
 hi
 okkokok
</p>

https://jsfiddle.net/JonthueM/2fLm3dd8/ http://codepen.io/JonthueM/pen/yJgZBb

Answer 1

这是 Working Fiddle

您已将position:absolute应用于.backgroundSettings，这是html content在此<div class='backgroundSettings'>之后出现的原因，因为 position:absolute设置html element的位置，以便它永远不会影响其父级之后或之前的任何其他html element。

如果您希望position:relative来divs or any html element，则必须使用side by side, edge by edge, next after previous。

希望你能理解：）

<强>感谢

我的网站上有两个元素

1 个答案: