[分享]css元素放到右上角

想要让元素放在页面的右上角，使用 CSS 可以轻松实现。通常情况下，我们会使用 position 和 right 属性来完成这个任务。

 .element {
      position: absolute;
      top: 0;
      right: 0;
   } 

上面的代码中，我们将元素的定位方式设置为绝对定位，并设置距离顶部和右边的距离都为 0。这样一来，元素就会移动到页面的右上角位置。

除了使用绝对定位，我们还可以使用相对定位，给元素添加 float 属性来实现这一效果。不过这种方法必须是在其父容器中添加样式，这样才能保证元素相对于父容器移动。

 .parent {
      position: relative;
   }
   
   .element {
      position: absolute;
      top: 0;
      right: 0;
   } 

上面的代码中，我们首先给父容器添加相对定位，这样一来，子容器的绝对定位就是相对于该父容器的。然后设置子容器距离顶部和右边的距离都为 0，这样子容器就移动到了右上角。

总而言之，我们可以使用 position，top，right 属性、相对定位和浮动等方式来让元素移动到页面的右上角。根据不同的需求和实际情况选择不同的方法。