1

简介： 我有一个简单地用 html 和 css 设计的页面，主要是 div 和 css 来塑造 div 框。

我只想将 wordpress 博客站点的博客文章集成到此页面中。除了包含“导入”帖子的一个（大）div 之外，设计中的所有内容都相同。我不希望这个 div 包含它自己的滚动条，就好像它是 wp 站点的窗口一样。我希望整个站点垂直扩展，由 wp 博客文章的高度决定，无论它们是什么。

我使用了这里提供的方法：http: //moshublog.com/2005/07/05/integrate/2/ 来合并博客，这已经奏效了。

问题： 包含此博客文章（“循环”）的 div 没有垂直扩展。它只是将博客文章切断，就好像它们没有被检测到一样。高度在包含它的 div 和任何 div 的父级上设置为 100%。

问题： 包含 wp 博客文章的 div 如何根据这些博客文章的高度垂直扩展？

我试过的： - - - 溢出：隐藏；我在页面上有浮动元素。我已经尝试了溢出的所有可能性：隐藏；，这是在我能找到的任何其他问题中提出的。这并没有改变什么。- - - 使 body 和 html height=100%。这并没有改变什么。- - - 将包含它的 div 和任何父 div 的高度更改为固定高度。这改变了高度。如果它更大，则可以看到更多的博客文章。帖子在那里，只是被切断了。

这是代码：

<!-- Main Body Start -->
<div class="clean" style="width:1200px; height:100%; border:0px; margin:0 auto;">

<!-- Body Column One Start -->
<div class="clean" style="width:950px; height:100%; float:left;">
    <!-- Blog Integration Start -->
    <div class="clean" style="width:946px; height:100%; max-width:946px; border-style:none solid; border-color:#99AAFF; 
    border-width:0px 2px; float:left; overflow:hidden; background-color:#ffff77;">

        <div class="clean" style="width:926px; height:100%; margin:0px 10px;">
    <!-- WP Blog code goes in here -->
            <?php if (have_posts()) : ?>
            <?php while (have_posts()) : the_post(); ?>
            <div class="post" id="post-<?php the_ID(); ?>">     
            <h2>
            <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php    
            the_title_attribute(); ?>">
            <?php the_title(); ?>
            </a>
            </h2>   
            <small>Posted in <?php the_category(', ') ?> on <?php the_time('F jS, Y') ?>  by <?php the_author() ?> &ndash; 
            <?php comments_popup_link('Be the first to comment', '1 Comment', '% Comments'); ?> 
            <?php edit_post_link('Edit', ' | ', ''); ?> </small>
            <div class="entry">
            <?php the_content('<span class="more">read more &raquo;</span>') ?>
            </div>
            <?php if(is_single()) {?><p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?></p><?php } ?>
            </div>
            <?php endwhile; ?>
            <div class="navigation">
            <div class="alignleft">
            <?php next_posts_link('&laquo; Older Entries') ?>
            </div>
            <div class="alignright">
            <?php previous_posts_link('Newer Entries &raquo;') ?></div>
            </div>
            <?php else : ?>                 
            <?php include (TEMPLATEPATH . "/searchform.php"); ?>
            <?php endif; ?>
        </div>

    </div>

“wp blog code goes here”下面的所有内容到“?php endif;?” 来自 wp 博客网站，是“循环”。

谢谢你。

4

1 回答 1

0

不要设置 div 的高度，这样做会将它们限制为您设置的高度，话虽如此，如果您将高度设置为 100%，则 div 将填充其容器区域的 100%，而不是 100 % 的内容，所以对于最外层的 div，这将是窗口的 100%。

于 2013-04-15T23:07:29.240 回答