can'；我的CSS最小高度不能在两个分区中工作

我有一个艰难的时间与我的CSS最小高度，我有两个div，他们并排说，如果其中一个扩展，我希望另一个扩展

如您所见，左侧边栏在其最小高度处停止扩展，而内容div在其最小高度处扩展

CSS

HTML

---

发生这种情况的原因是内容div中的内容超过了最小高度，但实际上没有内容的左导航没有理由变大

我的建议是，尽管它不是严格意义上的CSS，但我会使用一个简单的jQuery（因为我注意到您已经在使用它），它将动态调整左div的CSS属性以匹配右div。jQuery版本如下：

var div_height = $("#content").height();
$(".leftsidebar").css("height":div_height);

请注意，我在您现有代码中不存在的内容上使用了一个ID，因此您需要为该div分配一个ID才能工作

---

我希望这有帮助

第一个区域向左浮动。无论何时使用float，它在不同的浏览器中的行为都会有所不同，所以我不惜一切代价避免使用这种主要元素

---

如果你想让你的div彼此独立，不要嵌套它们。更好的是，使用css属性（如“显示”和“位置”）自己控制定位。一旦你将你的div与彼此的互动分开，你会发现你对它们有了更多的单独控制。

很高兴听到我不是几年前的某一天侥幸成功的！呵呵。。。有一个好的脚本您需要为内容容器分配一个ID“content”（当前您只有一个类），例如

ID=“content”class=“content”

或将脚本变量更改为

var div_height=$（.content”）.height（），如果将变量调整为类，则不得在页面上的任何其他位置使用此类，否则脚本可能无法按预期工作。
<div class="contentWrapper">
    <div class="content">
        <div class="leftSideBar">
            <img src="images/leftSideTop.jpg" width="170" height="78" border="0" />
        </div><!--leftSideBar-->
    </div><!--content-->
</div><!--contentWrapper-->

var div_height = $("#content").height();
$(".leftsidebar").css("height":div_height);