CSS 中的定位问题

Question

所以最近我打开了我的论坛并且目前正在配置主题，但是运行遇到了一些麻烦。在帖子上，右侧显示了统计数据，但它们靠得太近而且显示模糊。经过一段时间的定位、容器等研究，我仍然没有找到我的答案，仍然迫切需要帮助。这是我正在谈论的内容的屏幕截图：

这是CSS的统计数据：

    .post .post_author div.author_statistics {
         float: right;
         font-size: 11px;
         padding: 3px 10px 3px 5px;
         padding-left: 50px;
         color: #666;
         line-height: 1.3
    }

如果您需要任何额外信息，请告诉我，我可以提供。在此先感谢您的帮助！

编辑：这是统计数据的 HTML 的一部分。

    <span style="font-size:13px;">
    <div align="center">
    <div class="float_left">Posts:</div> <div class="float_right"> 13</div><br>
    <div class="float_left">Threads:</div> <div class="float_right"> 1</div><br>
    <div class="float_left">Joined:</div> <div class="float_right"> Oct 2015</div>


    <br><div class="float_left">Reputation:</div> <div class="float_right">
    <a href="reputation.php?uid=2"><strong class="reputation_positive">2</strong></a>
    <!-- end: postbit_reputation_formatted_link --></div>
    <!-- end: postbit_reputation --></div>
    <!-- end: postbit_author_user -->
    </span>

Answer 1

试试这个

.post .post_author div.author_statistics {
     margin-right: 50px;
     float: right;
     font-size: 11px;
     padding: 3px 10px 3px 5px;
     padding-left: 50px;
     color: #666;
     line-height: 1.3;
}

您只需增加或减少margin-right值

Answer 2

你的问题很令人困惑，因为我认为这个主题在我加入的每个论坛中都很正常。

但是你可以试试这个代码：

.post .post_author div.author_statistics .float_left {
  float: left;
  width: 80px;
  text-align: left;
}

为了实现这个：

希望对您有所帮助！

CSS 中的定位问题

Troubles with Positioning in CSS

html

css

mybb