欄下方顯示的帖子內容，而不是旁邊（WordPress的）

Question

Live site

在試圖讓我的側邊欄動態的，有些事情引起了我的整個側邊欄，以從博客容器的右側推到下面的所有帖子內容。我之前沒有遇到過這個問題 - 我通常可以做到這一點沒有問題 - 所以我不確定要尋找什麼。有任何想法嗎？

HTML/PHP

<?php get_header('blog');?> 

    <div id="blog-container">  
     <div id="blog"> 
      <?php if (have_posts()) : ?> 
      <?php while (have_posts()) : the_post(); ?> 
      <div class="post-title"> 
       <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> 
      </div><!-- end post-title --> 
      <div class="post"> 
       <?php the_content('read more..'); ?> 
      <div class="post-meta"> 
       <p><?php the_date(); ?> | <?php the_tags('tags:', ', ', ''); ?> | <?php comments_number('0', '1 comment', '% comments'); ?></p> 
       <?php comments_template(); ?> 
      </div><!-- end post-meta --> 
       <?php endwhile; ?> 
       <?php else : ?> 
        Nothing found. 
       <?php endif;?> 
      </div><!-- end post --> 
     </div><!-- end blog --> 
     <?php get_sidebar(); ?> 
     <?php get_footer(); ?> 
    </div><!-- end blog-container --> 

CSS

#sidebar { 
    float: right; 
    margin-top: 80px; 
    padding-right: 10px; 
    position: relative; 
    width: 300px; 
} 

.blog-social { 
    clear: both; 
    padding-bottom: 20px; 
    text-align: center; 
} 

.blog-social ul li { 
    display: inline; 
    padding-right: 10px; 
} 

.blog-social ul li:last-child { 
    padding-right: 0px; 
} 

#sidebar .social-heading { 
    text-align: center; 
} 

#sidebar #twitter-feed { 
    font-family: podkova; 
    font-size: 80%; 
    color: #333333; 
    letter-spacing: 1px; 
    line-height: 1.5; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    width: 280px; 
} 

#sidebar #twitter-feed ul li { 
    padding-bottom: 10px; 
} 

#sidebar #instagram-feed { 
    padding-top: 20px; 
    padding-bottom: 20px; 
} 

Answer 1

它看起來像一個元素缺少結束標記，所以你的側邊欄所呈現的#blog DIV中。嘗試移動</div><!-- end post -->以上<?php endwhile; ?>。