CSS 基础学习-150 css右对齐实例

hrs 提交于 2021/11/10 - 20:29 , 周三

使用position:absolute;绝对定义使元素右对齐。

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      div{
        position:absolute;
        right:10px;
        width:300px;
        border:3px solid pink;
        padding:20px;
      }
    </style>
  </head>
  <body>
    <h1>右对齐实例</h1>
    <p>使用position:absolute;绝对定义使元素右对齐。</p>
    <div>这个div是右对齐的。</div>

  </body>
</html>
~          

运行效果:

css-150.png

标签