Wordpress 2列页面无效

Question

我的一个wordpress博客出了问题。

当我点击“编辑页面”并将代码和内容置于“html模式”但是当我切换到可视模式并更改任何内容时，页面并排显示两列柱子断裂，右半部分在第一个柱子下方（在彼此的顶部而不是并排）。

我已经将'display：inline-block'和'float：left'等添加到了CSS中，但它仍然没有保留在原来的位置。在html和可视模式之间进行编辑时，有没有人对如何保持列到位有任何想法。 （我确实想使用视觉模式）

还要注意 - 我的php模板：

 <article class="col-1">
 <?php if (have_posts()) : while (have_posts()) : the_post();?>
 <div class="post">
  <div class="entrytext">
  <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?> 
  <?php endwhile; endif; ?>
  <?php edit_post_link('Edit this entry.', '', ''); ?>                   
  </article>
   <div class="clear"></div>
             <div class="clear"></div>
             <article class="col-2">
             </article>  

然后获取页脚

在我的页面中，我列出了第1列的内容 然后我把它放在一行：

<div class="clear"></div>
            </article>
            <article class="col-2">

然后是第2列的内容

关于如何解决这个问题的任何想法？

谢谢！

Answer 1

尝试'清除：两者;'

好像是一个CSS问题。