📜  如何在新行中定位绝对渲染按钮?

📅  最后修改于: 2021-11-03 06:39:38             🧑  作者: Mango

position CSS 属性设置元素在文档中的定位方式。绝对定位允许您将元素放置在您想要的位置。定位是相对于第一个绝对定位的元素完成的。我们定位的绝对元素将从文档的正常流中删除,并且页面中不会为该元素创建空间。

现在,如果您有一个按钮并希望使用绝对定位将其定位在新行中。使按钮元素绝对并将父元素设置为相对(默认情况下是相对的),然后使用顶部、左侧、右侧、底部,您可以将元素放置在您想要的任何位置。

示例:我们将两个按钮放置在一个 div 中,并使第二个 div 位置绝对,然后使用 top 和 left 我们将它放在一个新行中。使用以下代码创建一个index.html 文件。

index.html



  
  
  


  

  

  


输出:

输出