Question

我试图把这两个元素放在一个容器中，read more按钮和另一个浮动按钮，我希望它们都向左浮动。当我运行代码时，元素不在div内部，就像容器下面的200px一样。为什么呢？

<div class="readMore_Container">                          
    <?php the_content('Read More  &raquo;'); ?>
    <div class="postCounter">#200</div>
</div>

CSS

.readMore_Container {
    width: 100%;
    line-height: 40px;
    height: 40px;
    position: ;
    border: 1px solid #000;
}

Answer 1

删除the_content并按以下方式使用

<div class="readMore_Container">                          
    <?php echo get_the_content(); ?>
    <div class="postCounter">#200</div>
</div>

因为您的内容区域中缺少div。

Answer 2

使用span而不是div。它将在一行中显示两个元素。

<div class="readMore_Container">                          
    <span><?php the_content('Read More  &raquo;'); ?></span>
    <span>#200</span>
</div>

span和div之间的区别在于span元素是内联的，通常用于一行内的一小部分HTML（例如段落内），而div（division）元素是块行（基本上相当于在它之前和之后有一个换行符）并用于分组更大的代码块。

为什么这个Container Div打破了我的设计

2 个答案: