我怎样才能摆脱那里的回归？

Question

我尝试在wordpress循环中摆脱以下返回。我想在条目旁边显示缩略图，看起来很糟糕：

我尝试使用填充进行输入，但情况更糟!!

这是我的代码：

#thumbnail_single {
  float: left;
}
.entry_single {
  padding: 20px;
}

<div id="single">

  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <h2 class="title_single"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

  <div id="thumbnail_single">

    <?php if ( has_post_thumbnail() ) : ?>
    <?php the_post_thumbnail(); ?>
    </a>
    <?php endif; ?>

  </div>
  <div class="entry_single">
    <?php the_content(); ?>
  </div>
  <?php endwhile; endif; ?>

</div>
<!-- single -->

感谢您的帮助！

Answer 1

对我来说并不完全清楚，但取决于最终结果有两个选项：

包装文字：

#thumbnail_single {
  float: left;
  margin-right:20px;
}
.entry_single {

}

文字未包装在：

它涉及BFC：http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/

#thumbnail_single {
  float: left;
}
.entry_single {
  padding: 20px;
  overflow:hidden;
}

Answer 2

尝试添加20px填充到#thumbnail_single