0

我的一个 wordpress 博客有问题。

该页面并排有两列，当我单击“编辑页面”并将代码和内容置于“html 模式”时，但是当我切换到可视模式并更改任何内容时，该列断开，右半部分位于下方第一个（彼此重叠而不是并排）。

我在 CSS 中添加了 'display:inline-block' 和 'float:left' 等，但它仍然没有停留在预期的位置。在 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 列的内容

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

谢谢！

4

1 回答 1

0

尝试“清除：两者；”

似乎是一个css问题。

于 2012-05-03T21:30:21.300 回答