DIV不隨其他申報單

Question

我有一個小問題，HTML這段代碼擴展：

<div id="primary"> 
    <div id="content" role="main"> 
     <div class="astro"><img class="astro" src="<?php echo get_template_directory_uri() . '/images/astro.png'; ?>" alt="Astro" /> 
     </div> 

     <div class="planet"><img class="planet" src="<?php echo get_template_directory_uri() . '/images/planet.png'; ?>" alt="Planet" /> 
     </div>   
     <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
      <h1 class="entry-title"><a href="/learcenter/?page_id=13"><?php echo $page_data->post_title; ?></a></h1> 
       <div class="entry-content"><?php echo $page_data->post_excerpt; ?> 
        <a href="/learcenter/?page_id=13">Read More...</a> 
       </div>     
     </article> 
      <div id="tour-center"> 
       <h1 class="entry-title">Tour Our Center</h1> 

      </div> 

     <div id="news-section-title">   
      <h1 class="entry-title"><a href="<?php echo esc_url(get_permalink(get_page_by_title('Challenger News'))); ?>"><?php echo get_the_title(75); ?></a></h1> 
      <div class="hr"></div> 
     </div> 

     <div class="news"> 
      <div class="rss-news"> 
       <a href="#"><img src="<?php echo get_template_directory_uri() . '/images/rss.png'; ?>" alt="RSS" /> 
       </a> 
      </div> 
     </div> 

     <div class="news">   
      <div class="rss-news"> 
       <a href="#"><img src="<?php echo get_template_directory_uri() . '/images/rss.png'; ?>" alt="RSS" /> 
       </a> 
      </div> 
     </div> 

     <div class="news"> 

        <div class="rss-news"> 
         <a href="#"><img src="<?php echo get_template_directory_uri() . '/images/rss.png'; ?>" alt="RSS" /> 
         </a> 
        </div> 
     </div>   

    </div><!-- #content --> 
</div><!-- #primary --> 

我已經刪除了一些PHP代碼中的div之間，使得HTML更加明顯。問題在於content-div在news-section-title div後面停止，我無法弄清楚爲什麼。它應該延長到文檔結尾，即結束div。您可以在此website上查看代碼。

Answer 1

只是這種風格添加到您的內容DIV

#content { 
    float:left; 
} 

Answer 2

div「，除非你使用某種clearfix解S不會換float版元素。嘗試將overflow: hidden添加到您的contentdiv的樣式中。