Question

我有一个浮动的父div，它没有设置高度来扩展侧边栏的长度。

我想在父div中使用一个子div来扩展父div的高度，但我无法弄明白。

我已经尝试制作父div位置：relative和子div位置：absolute以便我可以使高度：100％，但然后div完全消失。

您可以在此处查看问题：http://www.icc565.com/spring2014/ncdevoe/wordpress/?page_id=5

基本上，我希望白色背景像父div一样扩展侧边栏的高度。

如果有人能帮我解决这个问题，我们将不胜感激。

这是我的代码：

CSS

.container {
  width: 960px;
  margin: 0 auto;
}

section {
  width: 640px;
  float: left;
}

aside {
  width: 290px;
  float: right;
}

.page {
  width: 580px;
  margin: 0 auto;
  background-color: white;
}

HTML

<section>
  <div class="page">
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

    <h1><?php the_title(); ?></h1>
    <?php the_content(); ?>

    <?php endwhile; else: ?>
    <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
     <?php endif; ?>
  </div>
</section>

Answer 1

HTML有一个继承属性，您可以将其赋予子元素以继承其父级的高度

http://www.w3schools.com/cssref/css_inherit.asp

Answer 2

您可以使用jQuery轻松完成此操作。我并不完全清楚你究竟需要什么，但听起来像这样的东西应该有所帮助：

<script type="text/javascript">
$(document).ready(function(){
    $('#child').height($('#parent').height());
});
</script>

见https://api.jquery.com/height/。 Digzol关于等高柱的建议也值得一试。

使Child Div成为父Div的高度

2 个答案: