我很好奇如何工作的位置:相对在html标签。有人能解释吗?它的位置是相对于文档对象还是类似于这样?

   <footer class="footer">
     <div class="container">
       <p class="text-muted">Place sticky footer content here.</p>
     </div>
   </footer>

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

最佳答案

此关键字将所有元素布局为元素未定位,然后在不更改布局的情况下调整元素的位置(从而在元素未定位的情况下为元素留下间隙)。

关于html - 将html设置为相对位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44872350/

10-12 15:49