css - css定位

Question

放置某物的正确方法是什么？我有一个在中心显示博客文章的 div。

<div class="box">

<?php while ( have_posts() ) : the_post(); ?>
 <article>
  <h2><a href="<?php esc_url( the_permalink() ); ?>"<?php the_title(); ?>" rel="bookmark">      <?php the_title(); ?></a></h2>
  <h7>BY LOUIS MOORE ON</h7> <time datetime="<?php the_time( 'Y-m-d' ); ?>" pubdate><?php the_date(); ?> <?php the_time(); ?></time><?php the_content(); ?></br>    
<div class="h9"></div>
</article></br></br></br>
<?php endwhile; ?>

</div>

CSS：

.box {
 text-align: center;
 background-color: #F1F2F2;
 border: 1.5px #D1D3D4 solid;
 border-bottom: 3px solid red;
 margin: 5px;
 padding: 10px;
 min-width: 90%;
}

我想添加“在 Twitter 上关注我”，然后是 Twitter 按钮，但我希​​望它显示在 div 框的右侧。这样做的正确方法是什么？

Answer 1

.followme {
    position: absolute;

    left:30%;
    bottom: 70%;
}

Answer 2

float: right;

如果您希望它在相同的范围内，它将起作用，如果您希望它在盒子外面，您可以创建一个容器来存储它们。

<div class="container">
    <div class="box">...</div>
    <a href="#">Follow me on Twitter</a>
</div>

.contianer a {
    float: right;
}