Question

我很好奇工作位置：相对于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;
}

Answer 1

此关键字列出了所有元素，就好像元素没有定位一样，然后调整元素的位置，而不改变布局（从而为元素留下一个间隙，如果它没有被定位）。

Answer 2

position: relative;的元素相对于其正常位置定位。

设置相对定位元素的顶部，右侧，底部和左侧属性将使其远离其正常位置进行调整。其他内容不会被调整以适应元素留下的任何空白。

来源：https://www.w3schools.com/css/css_positioning.asp

Answer 3

实际上，如果你使用与html标签相关的位置，那将毫无意义。

std::system

将孩子与其父母或其邻近元素相对应。

你可以尝试使用body来定位：相对于父html来定位body。

如果您需要任何进一步的帮助，请告诉我

将html设置为相对位置

3 个答案: