不能让我的CSS分钟高度工作在2 divs

我有一个困难的时候我的CSS最小高度，我有两个divs，他们旁边说，如果其中一个扩展，我想其他以扩展http://www.willruppelglass.com/不能让我的CSS分钟高度工作在2 divs

正如您所看到的，leftSideBar停止在其最小高度处展开，并且content div被展开超过其最小高度。

CSS

.leftSideBar{ 
    background:url(../images/leftSide.jpg) repeat-y; 
    float:left; 
    margin-top: -49px; 
    min-height: 591px; 
} 
.contentWrapper{ 
    background-color:#ebebeb; 
    width:1411px; 
    margin:0 auto; 
    position:relative; 
} 
.content{ 
    background:#FFF; 
    width: 1100px; 
    margin:0 auto; 
    position:relative; 
    min-height: 591px; 
}

HTML

<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-->

来源

2012-03-07 user979331

出现这种情况的原因是因为在内容div的内容是推动过去的最低高度，但实际上不是有内容左侧导航没有理由变得更大。我的建议，即使它不是严格的CSS，我会使用一个简单的jQuery（因为我注意到你已经在使用它），它会动态调整左div的CSS属性以匹配正确的div。 jQuery的版本是在这里：

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

请注意，我用的是不现有的代码存在，所以你需要一个ID分配给该分区的工作内容的ID。

我希望这会有所帮助。

来源

2012-03-07 20:04:32 Ryan

美丽的作品！ – user979331 2012-03-07 20:12:38

很高兴听到几年前我不只是侥幸成功！嘿嘿...有一个很好的 – Ryan 2012-03-07 20:20:23

呵呵...检查出该网站，它似乎并没有完全放下... – user979331 2012-03-07 20:49:08

你有第一个区域向左漂。每当你使用float时，它在不同的浏览器中可能会有所不同，所以我不惜一切代价为主要元素避免这种东西。

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

来源

2012-03-07 20:14:12

不能让我的CSS分钟高度工作在2 divs

回答

相关问题