0

我对这段代码有一个小的 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 -->

我已经删除了 div 之间的一些 PHP 代码，以便 HTML 更加可见。问题是内容 div 在 news-section-title div 之后立即停止，我不知道为什么。它应该一直延伸到文档的结尾，也就是结束 div 所在的位置。您可以在此网站上实时查看代码。

4

2 回答 2

1

只需将此样式添加到您的内容 div

#content {
    float:left;
}
于 2012-07-30T11:28:15.810 回答
0

div's 不会包装floated 元素，除非您使用某种 clearfix 解决方案。尝试添加overflow: hidden到您的content div.

于 2012-07-30T11:33:41.500 回答